@extends('layouts.view')
@section('title',trans('lang.expenses'))

@section('links')
    <link href="{{asset('/plugins/select2/select2.min.css')}}" rel="stylesheet" type="text/css"/>
    <link href="{{asset('plugins/sweet-alert2/sweetalert2.min.css')}}" rel="stylesheet" type="text/css">
@endsection
@section('content')

        <div class="container-fluid">
            <div class="row">
                <div class="col-sm-12">
                    <div class="page-title-box">
                       <div class="float-right">
                        <a class="btn btn-primary" href="{{ route('voucher') }}"> {{trans('lang.back')}}</a>
                    </div>
                        <h4 class="page-title">{{trans('lang.expenses')}}</h4>
                    </div><!--end page-title-box-->
                </div><!--end col-->
            </div><!--end row-->
            <div class="col-12">
                <div class="card">
                    <div class="card-body">

                        <div id="formDialog" class="card-body">
                            <h4 id="titleheadar" class="mt-0 header-title">{{trans('lang.addexpenses')}} :</h4>
                            <input type="hidden" name="expense_id" id="expense_id" >

                            <div class="row">
                                <div class="col-lg-12">
                                    <span id="form_result"></span>
                                    <form  class="form-horizontal row-fluid" id="sample_form" method="post"  enctype="multipart/form-data">
                                        @csrf

                                        <input type="hidden" name="id" id="id" value="0" />
                                         <div id="v_num" class="row">
                            <h1 style="margin: 15px auto;color:#c02910;font-size:18px !important; "> <strong>{{trans('lang.voucher_number')}} :
                               <span id="voucher_number"></span></strong> </h1>
                        </div>


<div id="new_voucher">
                                        <div class="form-group row">


                                            <label class="col-sm-2 col-form-label text-right" for="basicinput"> {{trans('lang.empname')}}</label>

                                            <div class="col-sm-4">
                           <select name="user_id" id="user_id" class="select2 mb-3 select2-hidden-accessible form-control" style="width: 100%">
                                                    
                                                </select>
                                            </div>
                                            <label class="col-sm-2 col-form-label text-right" for="basicinput"> {{trans('lang.claim_type')}}</label>
                                            <div class="col-sm-4">
                                                <select class="form-control" name="claim_type" id="claim_type">

                                                    <option value="Claimable">{{trans('lang.claimable')}}</option>
                                                    <option value="Not Claimable">{{trans('lang.notclaimable')}}</option>
                                                </select>
                                            </div>

                                        </div>
                                        <div class="form-group row">

                                            <label class="col-sm-2 col-form-label text-right" for="basicinput"> {{trans('lang.date_from')}}</label>

                                            <div class="col-sm-4">

                                                <input required type="text" id="date_from" name="date_from"  placeholder="{{trans('lang.date_from')}} ..." class="form-control datepicker">
                                            </div>
                                            <label class="col-sm-2 col-form-label text-right" for="basicinput"> {{trans('lang.date_to')}}</label>

                                            <div class="col-sm-4">

                                                <input required type="text" id="date_to" name="date_to"  placeholder="{{trans('lang.date_to')}} ..." class="form-control datepicker">
                                            </div>

                                        </div>

                                        <div class="form-group row">
                                            <label class="col-sm-2 col-form-label text-right" for="basicinput"> {{trans('lang.expensestravels')}}</label>
                                            <div class="col-sm-4">
                                                <select required class="form-control" name="travel_id" id="travel_id">
                                                    <option value="" >- {{trans('lang.choose')}} -</option>
                                                                                                    </select>
                                            </div>


                                        </div>
                                        </div>

<div id="expenses">
    <h4 id="titleheadar" class="mt-0 header-title">{{ trans('lang.addexpenses') }} :</h4>
    <hr>