@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 List</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">

 					<table id="Sellertable" class="table table-bordered" >
 						<thead class="thead bg-light text-center">
 							<tr>
 								<th>S.No</th>
 								<th>Service</th>
 								<th>Category</th>
                 <th>Service Type</th>
                <th>Action</th>
 							</tr>
 						</thead>
 						<tbody class="tbody text-center" id="seller-list">
               @foreach ($data as $row )
                <tr>
                  <td>{{$loop->index+1}}</td>
                  <td>{{$row->name}}</td>
                  <td>{{$row->category->name}}</td>
                  <td>
                    @if($row->type == 'physically')
                    physical
                    {{-- {{$row->type}} --}}
                    @elseif ($row->type == 'remotely')
                    remote
                    @endif
                  </td>
                  <td>
                    <a href="{{route('sub-cat-get',$row->id)}}}" class="btn btn-sm btn-theme">
                      <i class="fa fa-trash"></i> Edit</a>
                    <a href="{{url('/subcategory/delete/'.$row->id)}}" class="btn btn-sm btn-danger">
                      <i class="fa fa-trash"></i> Delete</a>

                  </td>
                </tr>
               @endforeach
                
 						</tbody>
 					</table>

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

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

@section('scripts')
{{-- add model --}}
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="exampleModalLabel">Sub Category Add</h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">
            <form action="{{route('admin.category.save')}}" method="POST" enctype="multipart/form-data">
                @csrf
            <div class="form-group">
                <label for="usr">Select Category:</label>
                <select class="form-control" name="cate_id" id="sel1">
                    @foreach ($categories as $category )
                        <option value="{{ $category->id }}">{{ $category->name }}</option>
                    @endforeach
                  </select>
            </div>
              <div class="form-group">
                <label for="pwd">Sub Category:</label>
                <input type="text" name="subcategory" class="form-control" id="pwd" 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">
                    <option value="usd">usd</option>
                    <option value="jmd">jmd</option>
                  </select>
            </div>

            <div class="form-group">
              <label for="pwd">Service Price:</label>
              <input type="text" name="service_price" class="form-control" id="service_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">
                    <option value="physically">Physical</option>
                    <option value="remotely">Remote </option>
                  </select>
            </div>
            <div class="form-group">
              <label for="pwd">Category Image(Optional):</label>
              <input type="file" name="category_image" class="form-control" id="category_image"  >
              <p class="text-danger"><b>@error('category_image') {{$message}} @enderror</b></p>
            </div>
        </div>


        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
          <button type="submit" class="btn btn-theme">Add category</button>
        </div>
    </form>
      </div>
    </div>
  </div>
  {{-- add model end --}}

@endsection