@extends('admin.layout.app')
@section('title',' Inventory Request Details')
@push('headerscript')
    <link href="{{asset('theme/plugins/bootstrap-sweetalert/sweet-alert.css')}}" rel="stylesheet" type="text/css">
    <link href="{{asset('theme/plugins/datatables/responsive.bootstrap.min.css')}}" rel="stylesheet" type="text/css"/>
    <link href="{{asset('theme/plugins/datatables/dataTables.bootstrap.min.css')}}" rel="stylesheet" type="text/css"/>
@endpush
@section('content')
    <div class="content">
        <div class="container">
            <div class="row">
                <div class="col-xs-12">
                    <div class="page-title-box">
                        <h4 class="page-title">Inventory Request Details</h4>
                        <div class="pull-right">
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-4 mr-auto ml-auto">
                    <div class="card-box">
                        <div class="row">
                            <div class="col-sm-12 col-12">
                                <div class="table-responsive">
                                    <table class="table table-bordered">
                                        <thead>
                                        <tr>
                                            <th style="width: 10%"><span class="text-dark">Requisition No.</span>
                                                : {{$RequisitionOfPart->requisition_no}}</th>
                                        </tr>
                                        <tr>
                                            <th style="width: 10%"><span class="text-dark">Job Card No.</span>
                                                : {{$RequisitionOfPart->job_card_no}}</th>
                                        </tr>
                                        <tr>
                                            <th style="width: 10%"><span class="text-dark">Date
                                                : </span>{{date('d-m-Y',strtotime($RequisitionOfPart->date))}}</th>
                                        </tr>
                                        <tr>
                                            <th style="width: 10%"><span class="text-dark">Requester
                                                : </span>{{$RequisitionOfPart->requesters->user->name}}</th>
                                        </tr>
                                        <tr>
                                            <th style="width: 10%"><span class="text-dark">Approver
                                                    : </span>{{$RequisitionOfPart->approvers->user->name}}</th>
                                        </tr>
                                        <tr>
                                            @if($RequisitionOfPart->approval_status == "Approved")
                                                <th style="width: 10%"><span class="text-dark">Approval Status :</span>
                                                    <span class="text-success">Approved</span></th>
                                            @elseif($RequisitionOfPart->approval_status == "Rejected")
                                                <th style="width: 10%"><span class="text-dark">Approval Status :</span>
                                                    <span class="text-danger">Rejected</span></th>
                                            @else
                                                <th style="width: 10%"><span class="text-dark">Approval Status :</span>
                                                    <span class="text-info">Pending</span></th>
                                            @endif
                                        </tr>
                                        </thead>
                                    </table>
                                </div>
                            </div>
                            <div class="col-sm-12 col-12">
                                @if($RequisitionOfPart->approval_status == 'Pending')
                                    <button onclick="statusIt({{$RequisitionOfPart->id}},'Approved')"
                                            class="btn btn-success btn-sm" title="Approved">Approved
                                    </button>
                                    <button onclick="statusIt({{$RequisitionOfPart->id}},'Rejected')"
                                            class="btn btn-danger btn-sm" title="Rejected">Rejected
                                    </button>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-8 mr-auto ml-auto">
                    <div class="card-box">
                        <div class="row">
                            <div class="col-sm-12 col-12">
                                <div class="table-responsive">
                                    <table class="table table-bordered">
                                        <thead>
                                        <tr>
                                            <th style="width: 5%">S.No.</th>
                                            <th style="width: 10%">Part No.</th>
                                            <th style="width: 10%">Part Desc.</th>
                                            <th style="width: 10%">Req. Qty</th>
                                            <th style="width: 10%">Date</th>
                                            <th style="width: 10%">PO No.</th>
                                            <th style="width: 10%">Part Type</th>
                                            <th style="width: 10%">Status</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        @foreach($RequisitionOfPartDetail as $row)
                                            <tr>
                                                <th>{{$loop->iteration}}</th>
                                                <th>{{$row->spareParts->part_number}}</th>
                                                <th>{{$row->spareParts->part_description}}</th>
                                                <th>{{$row->required_qty}}</th>
                                                <th>{{date('d-M-Y',strtotime($row->po_date))}}</th>
                                                <th>{{$row->po_no}}</th>
                                                <th>{{$row->part_type}}</th>
                                                <th>{{$row->status}}</th>
                                            </tr>
                                        @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@push('footerscript')
    <script src="{{asset('theme/plugins/bootstrap-sweetalert/sweet-alert.min.js')}}"></script>
    <script src="{{asset('theme/plugins/datatables/jquery.dataTables.min.js')}}"></script>
    <script src="{{asset('theme/plugins/datatables/dataTables.bootstrap.js')}}"></script>
    <script src="{{asset('theme/plugins/datatables/responsive.bootstrap.min.js')}}"></script>

    <script>
        function statusIt(id, status) {
            swal({
                    title: "Are you sure?",
                    text: "",
                    type: "warning",
                    showCancelButton: true,
                    confirmButtonColor: '#DD6B55',
                    confirmButtonText: 'Yes    ',
                    cancelButtonText: "No    ",
                    closeOnConfirm: false,
                    closeOnCancel: false,
                    cancelButtonClass: 'btn-default btn-md waves-effect',
                    confirmButtonClass: 'btn-danger btn-md waves-effect waves-light',
                },
                function (isConfirm) {
                    if (isConfirm) {
                        $.ajax({
                            url: '{{ route('inventoryRequest.statusChange') }}',
                            type: 'GET',
                            data: {
                                id: id,
                                status: status,
                            },
                            success: function () {
                                window.location.reload();
                            }
                        });
                        swal("Status Changed!", "", "success");
                    } else {
                        swal("Status Not Changed!", "", "error");
                    }

                });
        }
    </script>

@endpush