@php use App\Models\Staff; @endphp
@php @endphp
@extends('admin.layouts.app')
@section('title',get_setting('site_name').' NOC Certificate')
@section('content')
    <style>


        .select2-selection__rendered {
            line-height: 31px !important;

        }

        .select2-container .select2-selection--single {
            height: 35px !important;

        }

        .select2-selection__arrow {
            height: 34px !important;

        }


    </style>

    <div class="row no-print">
        <div class="col-md-10 mx-auto">
            <form action="{{route('noc.certificate')}}" method="GET">
                <div class="row">
                    <div class="col-md-2">
                        <select class=" select2 custom-select form-control" name="employee_id" id="" required>
                            <option value="">{{__('Select Employee')}}</option>
                            @foreach(Staff::all() as $user)
                                <option value="{{$user->id}}"
                                        @if(request()->employee_id==$user->id) selected @endif>{{$user->user->name}}
                                    ({{$user->user->id}})
                                </option>
                            @endforeach

                        </select>
                    </div>

                    <div class="col-md-2">
                        <input class="form-control" type="text" name="Passport" id=""
                               placeholder="Passport Number"
                               required>
                    </div>
                    <div class="col-md-2">
                        <input class="form-control" type="text" name="country_name" id=""
                               placeholder="Travel Country Name"
                               required>
                    </div>
                    <div class="col-md-2">
                        <input class="form-control" type="text" name="travel_purpose" id="" placeholder="Travel Purpose"
                               required>
                    </div>

                    <div class="col-md-2">
                        <input class="form-control" type="text" name="travel_location" id=""
                               placeholder="Travel Location"
                               required>
                    </div>
                    <div class="col-md-2">
                        <button class="btn btn-primary" type="submit"><i
                                class="fas fa-certificate"></i>&nbsp;{{__('Generate')}}</button>
                    </div>

                </div>

            </form>
            <hr class="mx-auto">
        </div>
    </div>


    @if($certificate_show==1)
        <div style="width: 100%; background-color: #fff;padding: 8px;" class="certificate_margin_top">
            <h1 align="center">No Objection Certificate
            </h1>
            <div align="left">
                <br>{{__('Ref:')}}{{date('M-Y')}}{{__('/NOC-')}}{{$employee->user->name}}<br>
            </div>
            <div align="right">

                {{__('Date:')}}{{date('d-m-Y')}}<br/><br>


            </div>

            This is to state that <b>{{$employee->user->name}}</b> bearing passport no.&nbsp;<b>{{$Passport}}</b> has
            been
            serving
            at <b>{{get_setting('site_name')}}</b>, {{get_setting('contact_address')}}. At Present working
            as {{!empty($employee->designation)?$employee->designation->name:''}} at
            our company. He intends to travel {{$country_name }}&nbsp;for&nbsp;{{$travel_purpose}}
            at {{$travel_location}}
            .
            The office has no objection for his tour in abroad. <br><br>
            We Wish him all the best.
            <div align="left">
                <!-- this can be changed to "left" if preferred-->
                <br/>
                <br/>
                <br/>
                <b>(employee name)</b><br/> Designation
                <br/>{{get_setting('site_name')}}<br/>


            </div>

            <div class="row">
                <div class="col-12">
                    <button class="btn btn-primary float-right no-print m-2" onclick="window.print()"><i
                            class="fas fa-print"></i>
                    </button>
                </div>
            </div>

        </div>
    @endif
@endsection