@extends('layouts.theme')
@section('title','Student')
@section('style') 
<link href="{{url('libs/select2/css/select2.min.css')}}"  rel="stylesheet" type="text/css" />

<link href="{{url('libs/bootstrap-datepicker/css/bootstrap-datepicker.min.css')}}"  rel="stylesheet" type="text/css" />
<link href="{{url('libs/summernote/summernote-bs4.min.css')}}" rel="stylesheet" type="text/css" />
@endsection

@section('content')
<style>
    .hide{
        display: none;
    }
    .show{
        display: block;
    }
    .invalid-feedback {
        font-size: 14px;
    }
</style>
<div class="page-content">
    <div class="container">
                <div class="row">
                    <div class="col-sm-12 mx-auto">
                        <div class="card">
                            <div class="card-body"> 
                 
                               <form class="custom-validation" action="{{url('financial/'.encrypt($fin->id))}}" method="POST" enctype="multipart/form-data">

                                @csrf 
                                <input type="hidden" name="user_type" value="student">
                                <input type="hidden" name="_method" value="PUT">
                                <h3>Edit Financial Evaluation</h3>
                                 <hr> 
                                 
                                 
                                  
                                    <div class="row mb-4"> 
                                        <div class="col-md-6 mb-2" >
                                            <!-- First name -->
                                            <label >Item Name<span class="text-danger">*</span> </label>
                                            <input type="text"  class="form-control  "  
                                            id="create_item" name="item"
                                             value="{{$fin->item}}"   autofocus>
                                              
                                             @if ($errors->has("item"))
                                                <div class="invalid-feedback"  style="display: block ; font-size: 12px !important">{{ $errors->first("item") }}</div>
                                             @endif
                                             
                                        </div>
                                        <div class="col-md-6"> 
                                            <div class="form-group">
                                                <label>Quantity</label>
                                                <input type="number" placeholder="Enter Quantity" autocomplete="off" 
                                                id="quantity" value="{{$fin->quantity}}"  name="quantity"   class="form-control"
                                                         autofocus> 
                                                    @if ($errors->has("quantity"))
                                                       <div class="invalid-feedback"  style="display: block ; font-size: 12px !important">{{ $errors->first("item") }}</div>
                                                    @endif 
                                            </div>
                                        </div>
                                        

                                        <div class="col-md-12 mb-2"  >
                                            <!-- Last name -->
                                            <label>Specification <span class="text-danger">*</span></label>
                                            <textarea   class="summernote"   name="specifications" id="specifications" cols="30" rows="10">{!! $fin->specifications !!}</textarea>
                                           
                                            @if ($errors->has("specifications "))
                                                <div class="invalid-feedback"  style="display: block ; font-size: 12px !important">{{ $errors->first("specifications") }}</div>
                                            @endif
                                        </div>

                                       
                                        

                                       

                                        
                                     </div> 
                                  </div>
                               <div class="row m-2">
                                   <div class="col-md-3">
                                    <button   type="submit" class="btn btn-primary">Update </button>
                                   </div>
                               </div>
                            </form>
                            
                            </div>
                        </div>
                </div>
            </div>
            
        </div>
      </div>

@endsection
@section('script') 
<script src="{{url('libs/select2/js/select2.min.js')}}"></script>
   
<script src="{{url("libs/parsleyjs/parsley.min.js")}}"></script>
<script src="{{url('js/pages/form-validation.init.js')}}"></script>
<script src="{{url('libs/bootstrap-datepicker/js/bootstrap-datepicker.min.js')}}"></script>
<script src="{{url('libs/summernote/summernote-bs4.min.js')}}"></script>
<script src="{{url('js/pages/email-summernote.init.js')}}"></script>

 
@endsection