@extends('layout.default')

@section('styles')
    <style type="text/css">
        table .select2-selection__rendered {
            line-height: 10px !important;
        }

        table .select2-container .select2-selection--single {
            height: 34px !important;
        }

        table .select2-selection__arrow {
            height: 33px !important;
        }

        .btn-group > .select2-container--default {
            width: auto !important;
            flex: 1 1 auto !important;
        }

        .btn-group > .select2-container--default .select2-selection--single {
            height: 100% !important;
            border-radius: 0.42rem 0 0 0.42rem !important;
            line-height: inherit !important;
        }

        * {
            font-size: 12px;
            font-family: DejaVu Sans, sans-serif;
        }
    </style>
@endsection
@section('subheaderRightToolbar')
    @PermissionsCan(groupPermissionName('requisitionapproval.index'))
    <a href="{{ route('requisitionapproval.index') }}"
       class="btn btn-light-primary font-weight-bolder mr-2">
        <i class="ki ki-long-arrow-back icon-sm"></i>Back(ESC)</a>
    @endPermissionsCan
@endsection
@section('content')
    <div class="card card-custom card-sticky" id="kt_page_sticky_card">
        <div class="card-body" id="load-section-js">
            <div class="row">
                <div class="col-xl-6">
                    <div class="form-group row">
                        <div class="col-5 font-size-lg"><strong>Branch : </strong></div>
                        <div class="col-7">
                            <div class="font-size-lg">{{ $requisition->branch->name }}</div>
                        </div>
                        <div class="col-5 font-size-lg"><strong>Requisition Number : </strong></div>
                        <div class="col-7">
                            <div class="font-size-lg">{{ $requisition->requisition_no }}</div>
                        </div>
                        <div class="col-5 font-size-lg"><strong>Requisition Date : </strong></div>
                        <div class="col-7">
                            <div class="font-size-lg">{{ \Carbon\Carbon::parse($requisition->created_at)->format('d-m-Y') }}</div>
                        </div>
                        <div class="col-5 font-size-lg"><strong>Delivery Date: </strong></div>
                        <div class="col-7">
                            <div class="font-size-lg">{{ $requisition->requisition_requirement_date }}</div>
                        </div>
                        <div class="col-5 font-size-lg"><strong>Description : </strong></div>
                        <div class="col-7">
                            <div class="font-size-lg">{{ $requisition->description }}</div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-6">
                    <div class="form-group row">
                        <div class="col-5 font-size-lg"><strong>Assign User : </strong></div>
                        <div class="col-7">
                            <div class="font-size-lg">{{ $requisition->user->userDetail->first_name.' '.$requisition->user->userDetail->last_name }}</div>
                        </div>
                        <div class="col-5 font-size-lg"><strong>Email : </strong></div>
                        <div class="col-7">
                            <div class="font-size-lg">{{ $requisition->user->email }}</div>
                        </div>
                        <div class="col-5 font-size-lg"><strong>Mobile : </strong></div>
                        <div class="col-7">
                            <div class="font-size-lg">{{ $requisition->user->userDetail->mobile_no }}</div>
                        </div>
                        <div class="col-5 font-size-lg"><strong>Address : </strong></div>
                        <div class="col-7">
                            <div class="font-size-lg">{{ $requisition->user->userDetail->address_first.' '.$requisition->user->userDetail->address_second.'-'.$requisition->user->userDetail->postcode }}</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="tab-content">
                <div class="table-responsive" id="kt_repeater_2">
                    <table class="table table-sm table-foot-custom table-foot-bg table-bordered">
                        <thead class="thead-light">
                        <tr class="text-center text-uppercase">
                            <th scope="col" style="min-width:250px">Material</th>
                            <th scope="col" style="min-width:250px">Color</th>
                            <th scope="col" style="min-width:50px">Unit</th>
                            <th scope="col" style="min-width:95px">QTY.</th>
                            <th scope="col" style="min-width:100px">Size</th>
                            <th scope="col" style="min-width:95px">Approved QTY.</th>
                            <th scope="col" style="min-width:10px">status</th>
                            <th scope="col" style="min-width:15px">Remarks</th>
                        </tr>
                        </thead>
                        <tbody data-repeater-list="requisition_details">
                        @if(!empty($requisition->requisitionDetails) and isset($requisition->requisitionDetails))
                            @foreach($requisition->requisitionDetails as $key => $requisition_details)