@extends('admin.layouts.master')
@section('title', 'Dashboard')
@section('content')
<!-- start page content -->
<div class="page-content-wrapper">
    <div class="page-content">
        <div class="page-bar">
            <div class="page-title-breadcrumb">
                <div class=" pull-left">
                    <div class="page-title">Categories</div>
                </div>
                <ul class="breadcrumb page-breadcrumb pull-right">
                    <li><i class="fa fa-home"></i>&nbsp;<a class="parent-item" href="{{route('admin.deshbord')}}">Home</a>&nbsp;<i class="fa fa-angle-right"></i>
                    </li>
                    <li class="active"> Categories List</li>
                </ul>
            </div>
        </div>
      <div class="container">
 	<div class="row">

 		<div class="col-md-12">
            @if(Session::has('message'))
            <div class="alert alert-primary" role="alert">
               {{ Session::get('message') }}
             </div>
            @endif
 			<div class="card">
 				<div class="card-header">
 					<div class="row">
 						<div class="col-md-8">
 							<p class="text-dark">Categories Update</p>
 						</div>
 						{{-- <div class="col-md-4 text-right">
                            <button type="button" class="btn btn-theme" data-toggle="modal" data-target="#exampleModal">
                                Add Sub Category
                              </button>
 						</div> --}}
 					</div>
 				</div>
 				<div class="card-body">

                    <form action="{{route('admin.category.save.edit')}}" method="POST" enctype="multipart/form-data">
                        @csrf
                        <input type="hidden" id="subcatid" name="sub_cat_id" value="{{$data->id}}">
                    <div class="form-group">
                        <label for="usr">Select Category:</label>
                        <select class="form-control" name="cate_id" id="category_id">
                            @foreach ($categories as $category )
                                <option value="{{ $category->id }}" @if($category->id == $data->category_id) {{'selected'}}@endif>{{ $category->name }}</option>
                            @endforeach
                          </select>
                    </div>
                      <div class="form-group">
                        <label for="pwd">Sub Category:</label>
                        <input type="text" name="subcategory" value="{{$data->name}}" class="form-control" id="subcategory" required>
                        <p class="text-danger"><b>@error('subcategory') {{$message}} @enderror</b></p>
                      </div>
        
                      <div class="form-group">
                        <label for="usr">Select Currency:</label>
                        <select class="form-control" name="currency" id="currency_edit">
                            @if($datacharges->currency == "usd")
                            <option value="usd" selected>usd</option>
                            <option value="jmd">jmd</option>
                            @else
                            <option value="usd">usd</option>
                            <option value="jmd" selected>jmd</option>
                            @endif
                          </select>
                    </div>
        
                    <div class="form-group">
                      <label for="pwd">Service Price:</label>
                      <input type="text" name="service_price" class="form-control" id="service_price_edit" value="{{$datacharges->price}}"  required>
                      <p class="text-danger"><b>@error('service_price') {{$message}} @enderror</b></p>
                    </div>
                    <div class="form-group">
                        <label for="usr">Select Type:</label>
                        <select class="form-control" name="categroy_type" id="categroy_type_id">
                            @if($data->type == 'physically')
                            <option value="physically" selected>Physical</option>
                            <option value="remotely">Remote </option>
                            @else
                            <option value="physically">Physical</option>
                            <option value="remotely" selected>Remote </option>
                            @endif
                          </select>
                    </div>
                    <div class="form-group">
                      <label for="pwd">Category Image(Optional):</label>
                      <input type="file" name="category_image" class="form-control" onchange="loadfile(event)" id="category_image_edit"  >
                      <p class="text-danger"><b>@error('category_image') {{$message}} @enderror</b></p>
                      <img src="{{asset('admin/category/images/'.$data->image)}}" alt="" width="250" height="150" id="catimage">
                    </div>
                </div>
        
        
                {{-- <div class="modal-footer"> --}}
                  {{-- <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> --}}
                  <div class="row">
                      <div class="col-md-5"></div>
                      <div class="col-dm-2 mb-5"><button type="submit" class="btn btn-theme">Save Changes</button></div>
                      <div class="col-md-5"></div>
                  </div>
                  
                {{-- </div> --}}
            </form>

 				</div>
 			</div>
 		</div>
 	</div>
 <!-- </div> -->

       
        
      
        
     
    </div>
</div>
<!-- end page content -->
@endsection

@section('scripts')
<script>
function loadfile(event){
   var src =  URL.createObjectURL(event.target.files[0]);
   $('#catimage').attr('src',src);
}
</script>
@endsection