@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>Sell Request {{ $request->reference_number }}</h3>
                    </div>
                    <div class="clearfix"></div>
                </div>

                <form id="form" class="form-horizontal">
                    <input type="hidden" name="id" value="{{ $request->id }}">
                    <div class="x_panel">
                        <div class="x_content">
                            <div class="row">
                                <div class="col-xs-12">
                                    <div class="form-group">
                                        <label class="control-label col-sm-3">NIK :</label>
                                        <div class="col-sm-9">
                                            <input type="text" disabled value="{{ $request->requestor ? $request->requestor->username : '-' }}"
                                                class="form-control" />
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="control-label col-sm-3">Name :</label>
                                        <div class="col-sm-9">
                                            <input type="text" disabled value="{{ $request->requestor ? $request->requestor->name : '-' }}"
                                                class="form-control" />
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="control-label col-sm-3">Team :</label>
                                        <div class="col-sm-9">
                                            <input type="text" disabled value="{{ $request->requestor_team ? $request->requestor_team->name : '-' }}"
                                                class="form-control" />
                                        </div>
                                    </div>

                                    <hr>
                                </div>

                                <div class="col-xs-12 col-sm-6">
                                    <div class="form-group">
                                        <label class="control-label col-sm-3">ID :</label>
                                        <div class="col-sm-9">
                                            <input type="text" disabled value="{{ $request->id }}"
                                                class="form-control" />
                                        </div>
                                    </div>

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

                                    <div class="form-group">
                                        <label class="control-label col-sm-3">Status :</label>
                                        <div class="col-sm-9">
                                            <input type="text" disabled
                                                value="{{ \App\Models\Stock_request_sell_model::STATUS[$request->status]['TEXT'] }}"
                                                class="form-control" />
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="control-label col-sm-3">Group Lokasi :</label>
                                        <div class="col-sm-9">
                                            @if ($request->lokasi && $request->lokasi->group_lokasi)
                                                <input type="text" disabled
                                                    value="{{ $request->actual_location_id ? $request->lokasi->group_lokasi->code : '-' }} - {{ $request->actual_location_id ? $request->lokasi->group_lokasi->name : '-' }}"
                                                    class="form-control" />
                                            @else
                                                <input type="text" disabled value="-" class="form-control" />
                                            @endif
                                        </div>
                                    </div>


                                    <div class="form-group">
                                        <label class="control-label col-sm-3">Lokasi :</label>
                                        <div class="col-sm-9">
                                            @if ($request->lokasi)
                                                <input type="text" disabled
                                                    value="{{ $request->actual_location_id ? $request->lokasi->code : '-' }} - {{ $request->actual_location_id ? $request->lokasi->name : '-' }}"
                                                    class="form-control" />
                                            @else
                                                <input type="text" disabled value="-" class="form-control" />
                                            @endif
                                        </div>
                                    </div>

                                </div>

                                <div class="col-xs-12 col-sm-6">
                                    <div class="form-group">
                                        <label class="control-label col-sm-3">Customer stock group :</label>
                                        <div class="col-sm-9">
                                            @forelse($request->customer_stock_group as $customer_stock_group)
                                                <input type="text" class="form-control" disabled
                                                    value="{{ $customer_stock_group->name }}" />
                                            @empty
                                                <input type="text" class="form-control" disabled value="NULL" />
                                            @endforelse
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-sm-3">Customer :</label>
                                        <div class="col-sm-9">
                                            <input type="text" class="form-control" disabled
                                                value="{{ $request->customer }}" />
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="control-label col-sm-3">Customer Address :</label>
                                        <div class="col-sm-9">
                                            <input type="text" class="form-control" disabled
                                                value="{{ $request->customer_addr }}" />
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="control-label col-sm-3">Date :</label>
                                        <div class="col-sm-9">
                                            <input type="text" class="form-control" disabled
                                                value="{{ $request->date }}" />
                                        </div>
                                    </div>

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

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

                                <div class="col-xs-12">
                                    <h5 style="margin-bottom:0; font-weight:700">Request</h5>
                                    <hr style="margin-top:5px;">

                                    <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 ($request->stock_request_sell_detail as $gold)
                                                <tr>
                                                    <td class="text-center">{{ $gold->id }}</td>
                                                    <td class="text-center">{{ $gold->gold_detail->brand_emas->brand }}
                                                    </td>
                                                    <td class="text-center">{{ $gold->gold_detail->pecahan }} Gram</td>
                                                    <td class="text-right">{{ $gold->quantity }}</td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>

                                <div class="col-xs-12">
                                    <h5 style="margin-bottom:0; font-weight:700">Processing</h5>
                                    <hr style="margin-top:5px;">

                                    <table class="table table-bordered table-striped table-gold">
                                        <thead>
                                            <tr>
                                                <th class="text-center">No</th>
                                                <th class="text-center">Brand</th>
                                                <th class="text-center">Fragment</th>
                                                <th class="text-right">Quantity</th>
                                                <th class="text-right">Total Price</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @php
                                                $no = 1;
                                                $totalQty = 0;
                                                $totalGram = 0;
                                                $totalUnitPrice = 0;
                                            @endphp
                                            @foreach ($result as $data)
                                                @php
                                                    $totalQty += $data->qty;
                                                    $totalGram += $data->pecahan;
                                                    $totalUnitPrice += $data->unit_price;
                                                @endphp
                                                <tr>
                                                    <td class="text-center">{{ $no++ }}</td>
                                                    <td class="text-center">{{ $data->brand }}</td>
                                                    <td class="text-center">{{ $data->pecahan }} Gram</td>
                                                    <td class="text-right">{{ $data->qty }}</td>
                                                    <td class="text-right">{{ number_format($data->unit_price) }}</td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                        <tfoot>
                                            <tr>
                                                <td colspan="2" class="text-right"><strong>Total:</strong></td>
                                                <td class="text-center"><strong>{{ $totalGram }} Gram</strong></td>
                                                <td class="text-right"><strong>{{ $totalQty }}</strong></td>
                                                <td class="text-right">
                                                    <strong>{{ number_format($totalUnitPrice) }}</strong>
                                                </td>
                                            </tr>
                                        </tfoot>
                                    </table>
                                </div>

                                <div class="col-xs-12">
                                    <h5 style="margin-bottom:0; font-weight:700">LOG</h5>
                                    <hr style="margin-top:5px;">

                                    <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>
                                            @isset($request->log)
                                                @foreach ($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
                                            @endisset
                                        </tbody>
                                    </table>
                                </div>

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

                                    <div class="form-group text-center">
                                        <div class="loading hidden"><i class="fa fa fa-spinner fa-pulse"></i></div>
                                        <div class="submit">
                                            {{-- @if ($request->status == \App\Models\Stock_request_sell_model::STATUS['done']['ID'])

                                            <button class="btn btn-danger btn-void" type="button"><i
                                                        class="fa fa-trash" aria-hidden="true"></i> Void</button>
                                            @endif --}}
                                            @if ($request->status == \App\Models\Stock_request_sell_model::STATUS['pending']['ID'] || $request->status == \App\Models\Stock_request_sell_model::STATUS['approved']['ID'])

                                            <button class="btn btn-danger btn-cancel" type="button"><i
                                                        class="fa fa-trash" aria-hidden="true"></i> Cancel</button>
                                            @endif
                                            @if ($request->status == \App\Models\Stock_request_sell_model::STATUS['pending']['ID'])
                                                @if ($logined_user->is_supervisor == '1')
                                                    <button class="btn btn-primary btn-team_approve" type="button"><i
                                                            class="fa fa-check" aria-hidden="true"></i> Team
                                                        Approval</button>
                                                    <button class="btn btn-danger btn-reject" type="button"><i
                                                            class="fa fa-check" aria-hidden="true"></i> Reject</button>
                                                @endif
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
            @include('includes.footer')
        </div>
    </div>
@endsection

@section('scripts')
    <script type="text/javascript">
    @if ($request->status == \App\Models\Stock_request_sell_model::STATUS['done']['ID'])
                    $(".btn-void").on("click", function() {
                        $("#form").find(".submit").addClass("hidden");
                        $("#form").find(".loading").removeClass("hidden");

                        $.ajax({
                            url: '{{ $request->id }}/void_sell',
                            method: "POST",
                            headers: {
                                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                            },
                            data: $("#form").serialize(),
                            success: function(response) {
                                alert("Data saved, page will be refresh");
                                location.reload();
                            },
                            error: function(response) {
                                var response = response.responseJSON;
                                alert(response.error);
                                $("#form").find(".submit").removeClass('hidden');
                                $("#form").find(".loading").addClass('hidden');
                            }
                        });
                        return false;
                    })
                @endif

            @if ($request->status == \App\Models\Stock_request_sell_model::STATUS['pending']['ID'] || $request->status == \App\Models\Stock_request_sell_model::STATUS['approved']['ID'])
                $(".btn-cancel").on("click", function() {
                    $("#form").find(".submit").addClass("hidden");
                    $("#form").find(".loading").removeClass("hidden");

                    $.ajax({
                        url: '{{ $request->id }}/cancel',
                        method: "POST",
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        data: $("#form").serialize(),
                        success: function(response) {
                            alert("Data saved, page will be refresh");
                            location.reload();
                        },
                        error: function(response) {
                            var response = response.responseJSON;
                            alert(response.error);
                            $("#form").find(".submit").removeClass('hidden');
                            $("#form").find(".loading").addClass('hidden');
                        }
                    });
                    return false;
                })

            @if ($logined_user->is_supervisor == '1')
                $(".btn-team_approve").on("click", function() {
                    $("#form").find(".submit").addClass("hidden");
                    $("#form").find(".loading").removeClass("hidden");

                    $.ajax({
                        url: '{{ $request->id }}/team_approve',
                        method: "POST",
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        data: $("#form").serialize(),
                        success: function(response) {
                            alert("Data saved, page will be refresh");
                            location.reload();
                        },
                        error: function(response) {
                            var response = response.responseJSON;
                            alert(response.error);
                            $("#form").find(".submit").removeClass('hidden');
                            $("#form").find(".loading").addClass('hidden');
                        }
                    });
                    return false;
                })

                $(".btn-reject").on("click", function() {
                    $("#form").find(".submit").addClass("hidden");
                    $("#form").find(".loading").removeClass("hidden");

                    $.ajax({
                        url: '{{ $request->id }}/reject',
                        method: "POST",
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        data: $("#form").serialize(),
                        success: function(response) {
                            alert("Data saved, page will be refresh");
                            location.reload();
                        },
                        error: function(response) {
                            var response = response.responseJSON;
                            alert(response.error);
                            $("#form").find(".submit").removeClass('hidden');
                            $("#form").find(".loading").addClass('hidden');
                        }
                    });
                    return false;
                })
            @endif
        @endif
    </script>
@endsection