@extends('adminlte::layouts.app')

@section('htmlheader_title')
    Create
@endsection

@section('contentheader_title')
    Page Request Barang
@endsection

@section('main-content')
    <div class="container">
        <div class="row">
            <!-- edit form column -->
            <form class="form-horizontal" role="form" method="POST" action="{{url('/saveRequest')}}" >
             {!! csrf_field() !!}
                <div class="col-md-9 personal-info">
                
                    <div class="form-group">
                    <div class="col-lg-8">
                            <input name="user_id" class="form-control" type="hidden" value="{{$user->id}}" readonly>
                        </div>
                    </div>

                    <div class="form-group">
                    <div class="col-lg-8">
                            <input name="user_id" class="form-control" type="hidden" value="{{$user->username}}" readonly>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-md-4 control-label">Nama Barang</label>
                        <div class="col-md-6">
                            <input name="nama_barang" class="form-control" type="text" value="{{$data_requests->nama_barang}}" readonly>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-md-4 control-label">Kategori</label>
                        <div class="col-md-6">
                            <input name="kategori" class="form-control" type="text" value="{{$data_requests->kategori}}" readonly>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-md-4 control-label">Harga</label>
                        <div class="col-md-6">
                            <input name="harga" class="form-control" type="integer" value="{{$data_requests->harga}}" readonly>
                        </div>
                    </div>

                    <div class="form-group{{ $errors->has('jumlah') ? ' has-error' : '' }}">
                        <label for="title" class="col-md-4 control-label">Jumlah</label>
                        <div class="col-md-6">
                            <input type="number" onkeyup="Harga(this.value)" min="1" class="form-control" name="jumlah" value="{{ old('jumlah') }} " required>
                             @if ($errors->has('jumlah'))
                                <span class="help-block">
                                <strong>{{ $errors->first('jumlah') }}</strong>
                                </span>
                            @endif
                        </div>
                     </div>

                     <div class="form-group">
                        <label class="col-md-4 control-label">Total Harga</label>
                        <div class="col-md-6">
                            <span class="form-control" id="total_harga"></span>
                        </div>
                    </div>

                    <div class="form-group{{ $errors->has('status_request') ? ' has-error' : '' }}">
                    <label for="title" class="col-md-4 control-label">Status Request</label>
                            <div class="col-md-6">
                            <select name="status_request" class="form-control">
                                <option value="Request">Request</option>
                            </select>
    
                            @if ($errors->has('status_request'))
                            <span class="help-block">
                                <strong>{{ $errors->first('status_request') }}</strong>
                            </span>
                            @endif
                        </div>
                    </div>                    

                    <div class="form-group{{ $errors->has('status_request') ? ' has-error' : '' }}">
                    <label for="title" class="col-md-4 control-label">Status Pengantaran</label>
                            <div class="col-md-6">
                            <select name="status_pengantaran" class="form-control">
                                <option value="Request">Request</option>
                            </select>
    
                            @if ($errors->has('status_pengantaran'))
                            <span class="help-block">
                                <strong>{{ $errors->first('status_pengantaran') }}</strong>
                            </span>
                            @endif
                        </div>
                    </div> 

                </div>

                <div class="col-md-9">
                    <div class="form-group">
                        <label class="col-md-3 control-label"></label>
                        <div class="col-md-8">
                            <input type="submit" class="btn btn-primary" value="Save Changes">
                            <span></span>
                        </div>
                    </div>
                </div>

            </form>
        </div>
    </div>

    <script>function Harga(str)
        {
        document.getElementById("total_harga").innerHTML = str*{{$data_requests->harga}};
        return;
        }
    </script>   
@endsection