@extends('layouts.layout')
@section('body_class', 'nav-md')
@section('body_content')
    <div class="container body">
        <div class="main_container">
            @include('includes.sidebar')
            <div class="right_col" role="main">
                <div class="page-title">
                    <div class="title_left">
                        <h3>Buy Request SPB Inovoice</h3>
                    </div>
                    <div class="clearfix"></div>
                </div>

                <form id="form" class="form-horizontal">
                    <input type="hidden" name="id" value="{{ $stock_buy->request->id }}">
                    <input type="hidden" name="gold" value="" class="input-gold">

                    <div class="x_panel">
                        <div class="x_content">
                            <div class="row">
                                <div class="col-xs-12 col-sm-6">
                                    <div class="form-group">
                                        <label class="control-label col-sm-3">Reference Number :</label>
                                        <div class="col-sm-9">
                                            <input type="text" disabled value="{{ $stock_buy->request->reference_number }}"
                                                class="form-control" />
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="control-label col-sm-3">PO Number :</label>
                                        <div class="col-sm-9">
                                            <input type="text" disabled value="{{ $stock_buy->po_number }}"
                                                class="form-control" />
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="control-label col-sm-3">Group Lokasi :</label>
                                        <div class="col-sm-9">
                                            <input type="text" disabled
                                                value="{{ $stock_buy->request->lokasi->group_lokasi->code }} - {{ $stock_buy->request->lokasi->group_lokasi->name }}"
                                                class="form-control" />
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="control-label col-sm-3">Lokasi :</label>
                                        <div class="col-sm-9">
                                            <input type="text" disabled
                                                value="{{ $stock_buy->request->lokasi->code }} - {{ $stock_buy->request->lokasi->name }}"
                                                class="form-control" />
                                            <input type="hidden" id="lokasi_id" value="{{ $stock_buy->request->lokasi->id }}" />
                                        </div>
                                    </div>
                                </div>

                                <div class="col-xs-12 col-sm-6">
                                    <div class="form-group">
                                        <label class="control-label col-sm-3">Notes :</label>
                                        <div class="col-sm-9">
                                            <textarea class="form-control" disabled rows="6">{{ $stock_buy->request->notes }}</textarea>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-xs-12">
                                    <hr>

                                    <h5 style="margin-bottom:10px; font-weight:700">Remaining</h5>

                                    {{-- <table class="table table-bordered table-striped">
                                        <thead>
                                            <tr>
                                                <th class="text-center">Brand</th>
                                                <th class="text-center">Fragment</th>
                                                <th class="text-right">Quantity</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($grouped as $row)
                                                <tr>
                                                    <td class="text-center">{{ $row['brand'] }}</td>
                                                    <td class="text-center">{{ $row['pecahan'] }} Gram</td>
                                                    <td class="text-right">{{ $row['jumlah'] }}</td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table> --}}
                                    <table class="table table-bordered table-striped table-gold">
                                    <thead>
                                        <tr>
                                            {{-- <th class="text-center">ID</th> --}}
                                            <th class="text-center">Brand</th>
                                            <th class="text-center">Fragment</th>
                                            <th class="text-right">Quantity</th>                                            
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($data_detail as $gold)
                                            <tr>
                                                {{-- <td class="text-center">{{ $gold->id }}</td> --}}
                                                <td class="text-center">{{ $gold->brand }}</td>
                                                <td class="text-center">{{ $gold->pecahan }} Gram</td>
                                                <td class="text-right">{{ $gold->total }}</td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                                </div>

                                <form id="form-spb">
                                    <div class="col-xs-12">
                                        <hr>
                                        <input type="hidden" name="id" value="{{ $stock_buy->request->id }}">
                                        <input type="hidden" name="id_buy" value="{{ $stock_buy->id }}">

                                        <div class="form-group">
                                            <label class="control-label col-sm-3">SPB Name :</label>
                                            <div class="col-sm-9">
                                                <input type="text" name="nama_spb" class="form-control input-quantity"
                                                    required>
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label class="control-label col-sm-3">SPB Number :</label>
                                            <div class="col-sm-9">
                                                <input type="text" name="nomor_spb" class="form-control input-quantity"
                                                    required>
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label class="control-label col-sm-3">SPB Date :</label>
                                            <div class="col-sm-9">
                                                <input type="date" name="tanggal_spb"
                                                    class="form-control input-unitprice">
                                            </div>
                                        </div>

                                        <div class="form-group text-right">
                                            <div class="loading hidden"><i class="fa fa fa-spinner fa-pulse"></i></div>
                                            <div class="submit">
                                                <button class="btn btn-default btn-spb" type="button"><i class="fa fa-plus"
                                                        aria-hidden="true"></i> Add</button>
                                            </div>
                                        </div>
                                    </div>
                                </form>

                                <div class="col-xs-12">
                                    <hr>
                                    <h5 style="margin-bottom:10px; font-weight:700">DATA SPB</h5>

                                    <table class="table table-bordered table-striped">
                                        <thead>
                                            <tr>
                                                <th class="text-center">FPP Number</th>
                                                <th class="text-center">Nama</th>
                                                <th class="text-center">Nomor</th>
                                                <th class="text-center">Tanggal </th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($data_spb as $data)
                                                <tr>
                                                    <td class="text-center">{{ $data->stock_req_buy->fpp_number }}</td>
                                                    <td class="text-center">{{ $data->nama_spb }}</td>
                                                    <td class="text-center">{{ $data->nomor_spb }}</td>
                                                    <td class="text-center">
                                                        {{ \Carbon\Carbon::parse($data->tanggal_spb)->format('d-m-Y') }}
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                                <div class="col-xs-12">
                                    <hr>
                                    <h5 style="margin-bottom:10px; font-weight:700">LOG</h5>

                                    <table class="table table-bordered table-striped">
                                        <thead>
                                            <tr>
                                                <th class="text-center">ID</th>
                                                <th class="text-center">Date</th>
                                                <th class="text-center">User</th>
                                                <th class="text-center">Log</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($stock_buy->request->log as $log)
                                                <tr>
                                                    <td class="text-center">{{ $log->id }}</td>
                                                    <td class="text-center">{{ $log->created_at }}</td>
                                                    <td class="text-center">{{ $log->user->name }}</td>
                                                    <td class="text-center">{{ $log->log }}</td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
            @include('includes.footer')
        </div>
    </div>
@endsection

@section('scripts')
    <script>
        $(document).ready(function() {
            $('.btn-spb').click(function(e) {
                e.preventDefault();
                console.log($('#form-spb').serialize());

                $('.btn-spb').hide();
                $('.loading').removeClass('hidden');
                var data = {
                    id: $('input[name="id"]').val(),
                    id_buy: $('input[name="id_buy"]').val(),
                    spb_number: $('input[name="nomor_spb"]').val(),
                    spb_name: $('input[name="nama_spb"]').val(),
                    payment_date: $('input[name="tanggal_spb"]').val()
                };

                console.log(data);

                $.ajax({
                    url: '/stock/buy/module/spb/process',
                    method: 'POST',
                    headers: {
                        'X-CSRF-TOKEN': '{{ csrf_token() }}'
                    },
                    data: data,
                    success: function(response) {
                        console.log(response);
                        alert(response.message);
                        location.reload();
                    },
                    error: function(xhr) {
                        console.log(xhr.responseText);
                        alert('Error terjadi!');
                        $('.btn-spb').show();
                    },
                    complete: function() {
                        $('.loading').addClass('hidden');
                        $('.btn-spb').show();
                    }
                });
            });
        });
    </script>
@endsection