@extends('layouts.main')
@section('title', (isset($rec->id)) ?  __('form.edit_expense')  : __('form.add_new_expense'))
@section('content')

    <style>
        .hide-content{
            display: none;
        }
    </style>
    <form method="post" action="{{ (isset($rec->id)) ? route( 'patch_expense', $rec->id) : route('post_expense') }}" enctype="multipart/form-data">

        {{ csrf_field()  }}

        @if(isset($rec->id))
            {{ method_field('PATCH') }}
        @endif


       <div class="row">
           <div class="col-md-6">
               <div class="main-content">

                   <h5>{{ (isset($rec->id)) ?  __('form.edit_expense')  : __('form.add_new_expense') }}</h5>
                    <hr>
                   <a href="#" class="upload_link">
                       <div class="upload-area">
                           <div>@lang('form.attach_receipt')</div>
                           <div style="font-size: 11px; color: black;">@lang('form.max_size_one_mb')</div>
                           <div style="font-size: 11px; color: black;">@lang('form.accepted_file_types'): jpeg,bmp,png,doc,docx,pdf </div>
                       </div>
                   </a>

                   <div class="invalid-feedback d-block">@php if($errors->has('attachment')) { echo $errors->first('attachment') ; } @endphp</div>
                   <input type="hidden" name="attachment_removed">
                   <input type="file" name="attachment" id="attachment" accept=".png,.jpeg,.jpg,.bmp,.doc, .docx,.pdf" style="display: none;">
                   <div id="preview_content" class="{{ (isset($rec->display_type) && $rec->display_type == 'div') ? '' : 'hide-content' }}" style="width: 120px; height: 120px; background-color: #8eb4cb; text-align: center;"></div>
                   <div>
                       <img id="preview_image" class="{{ (isset($rec->attachment_url) && $rec->display_type == 'image') ? '' : 'hide-content' }}" style="width: 120px; height: 120px;"
                            src="{{ (isset($rec->attachment_url) && $rec->display_type == 'image') ? $rec->attachment_url : '' }}"  />
                   </div>

                    <a href="#" id="remove_preview" class="{{ (isset($rec->attachment_url) && $rec->attachment_url) ? '' : 'hide-content' }}">@lang('form.remove')</a>
                   <hr>
                   <div class="form-row">

                       <div class="form-group col-md-6">
                           <label>@lang('form.date') <span class="required">*</span></label>
                           <input type="text" class="form-control datepicker form-control-sm" name="date" value="{{ old_set('date', NULL, $rec) }}">
                       </div>

                       <div class="form-group col-md-6">
                           <label>@lang('form.category') <span class="required">*</span></label>
                           <div class="select2-wrapper">