@extends('admin.layout.master')
@section('content')

    <style>
        .select2-container{
            width: 745.25px;
        }
        select {
            height: 35px !important;
         }
    </style>
    <div class="col-12">
      @include('flash-message')
    </div>
    <div class="card">
        <div class="card-header d-flex">
            <div class="col-6 pl-0">{{__('obs.create')}} {{__('obs.employee')}} {{__('obs.transfer')}}</div>
            <div class="col-6 text-right">
                <a href="{{route('payroll.hrm.employee.transfer_list')}}" class="btn btn-sm btn-primary">{{__('obs.transfer')}} {{__('obs.list')}}</a>
            </div>
        </div>
        <div class="card-body">
            <div class="row">
                <form class="transfer-form" action="{{route('payroll.hrm.employee.transfer_store')}}" method="post">
                    @csrf
                    <div class="row">
                        <div class="form-group col-12 col-md-6">
                            <label class="labels" for="employee">{{__('obs.employee')}}/{{__('obs.code')}}</label>
                            <select id="emp_select" class="form-control name_code_live_search" name="emp_id">
                            </select>
                        </div>
                        <div class="form-group col-12 col-md-6">
                            <label class="" for="">{{__('obs.department')}}</label>
                            <input  id="emp_department" name="" class="form-control" type="text" readonly>
                        </div>
                        <div class="form-group col-12 col-md-6">
                            <label class="" for="">{{__('obs.designation')}}</label>
                            <input  id="emp_designation" name="" class="form-control" type="text" readonly>
                        </div>
                        <div class="form-group col-12 col-md-6">
                            <label class="labels" for="">{{__('obs.date')}}</label>
                            <input required id="transfer_date" name="transfer_date" class="form-control" type="date">
                        </div>
                        <div class="form-group col-12 col-md-6" id="radioDiv">
                            <label class="labels" for="">{{__('obs.select')}} {{__('obs.transfer')}} {{__('obs.option')}}</label><br>
                            <div class="form-check form-check-inline">
                                <input class="form-check-input radio_button" checked type="radio" style="height:30px; width:30px; vertical-align: middle;" name="transfer_option" id="" value="2">
                                <label class="form-check-label" for="">{{__('obs.department')}}</label>
                              </div>
                           
                            <div class="form-check form-check-inline">
                                <input class="form-check-input radio_button"  type="radio" style="height:30px; width:30px; vertical-align: middle;" name="transfer_option" id="" value="1" required>
                                <label class="form-check-label" for="">{{__('obs.warehouse')}}</label>
                              </div>
                             
                        </div>
                        <div class="form-group col-12 col-md-6" id="department">

                            <label class="labels">{{__('obs.to')}} {{__('obs.department')}}</label>
                            <select id="transfer_to" class="js-example-basic-single form-control select_2" name="transfer_department">
                                <option value="">{{__('obs.select')}} {{__('obs.department')}}</option>

                                @foreach ($department_lists as $department)

                                    <option value="{{$department->id}}">{{$department->name}}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="form-group col-12 col-md-6" id="warehouse">
                            <label class="labels">{{__('obs.to')}} {{__('obs.warehouse')}}</label>
                            <select id="transfer_to" class="js-example-basic-single form-control select_2" name="transfer_ware">
                                <option value="">{{__('obs.select')}} {{__('obs.ware')}} {{__('obs.house')}}</option>