@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 #{{ $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->requester->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->requester->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->requester_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">Group Lokasi :</label>
                                    <div class="col-sm-9">
                                        @if ($request->lokasi && $request->lokasi->group_lokasi)
                                            <input type="text" disabled value="{{ $request->lokasi->group_lokasi->code }} - {{ $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->lokasi->code }} - {{ $request->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">Status :</label>
                                    <div class="col-sm-9">
                                        <input type="text" disabled value="{{ (\App\Models\Stock_request_buy_model::STATUS)[$request->status]["TEXT"] }}" class="form-control" />
                                    </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">{{ $request->notes }}</textarea>
                                    </div>
                                </div>
                            </div>

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

                                <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->request_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>
                                        @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
                                    </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_buy_model::STATUS)["pending"]["ID"])
                                            <button class="btn btn-danger btn-cancel" type="button"><i class="fa fa-trash" aria-hidden="true"></i> Cancel</button>
                                            @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

                                        @if(
                                            $request->status == (\App\Models\Stock_request_buy_model::STATUS)["approved"]["ID"] && 
                                            $logined_user->id_users_team == (\App\Models\Users_team_model::TEAM)["PROCUREMENT"]["ID"]
                                        )
                                            <button class="btn btn-primary btn-team_approve" type="button"><i class="fa fa-check" aria-hidden="true"></i> Proceed</button>
                                        @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_buy_model::STATUS)["pending"]["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