@extends('admin.layouts.main')
@section('content')
<div class="page-content">
  <div class="container-fluid">

      <!-- start page title -->
      <div class="row">
          <div class="col-12">
              <div class="page-title-box d-flex align-items-center justify-content-between">
                  <h4 class="mb-0">Service Management</h4>

                  <div class="page-title-right">
                      <ol class="breadcrumb m-0">
                          <li class="breadcrumb-item"><a href="{{ url('admin/dashboard') }}">Dashboard</a> / Service</li>
                      </ol>
                  </div>
              </div>
          </div>
      </div>
      <!-- end page title -->
      <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    <div class="row">
                      <div class="col-md-11">
                        <h3 class="card-title">{{$page}}</h3>
                      </div>
                      <div class="col-md-1"> 
                        <button type="button" class="btn btn-sm btn-success waves-effect waves-light" data-bs-toggle="modal" data-bs-target=".bs-example-modal-lgs"><i class="fa fa-plus"></i> Add</button>
                      </div>
                    </div><br>
                    <?php 
                      $messageArr = ['success', 'warning', 'danger', 'info'];
                      ?>
                    @foreach($messageArr as $message)
                    @if(session()->has($message))   
                    <div class="col-md-12">
                      <div class="alert alert-{{$message}}">
                        {{ session()->get($message) }}   
                      </div>
                    </div>
                    @endif
                    @endforeach

                    <table id="datatable" class="table table-bordered dt-responsive nowrap" style="border-collapse: collapse; border-spacing: 0; width: 100%;">
                        <thead>
                        <tr>
                          <th width="5%">No</th>
                          <th width="20%">Name</th>
                          <th width="20%">Image</th>
                          <th width="20%">Status</th>
                          <th width="15%">Action</th>
                        </tr>
                        </thead>
                        <tbody>
                          @if(count($ServiceList) > 0)
                          <?php $i = 0 ?>
                          @foreach($ServiceList as $row)
                          <tr>
                            <td>{{ ++$i }}</td>
                            <td>{{ $row->service_name }}</td>
                            <td width="200px">
                              @if(file_exists(public_path('uploads/serviceImage/'.$row->s_image)) && $row->s_image)
                              <img src="{{url('uploads/serviceImage/'.$row->s_image)}}" class="image" name="imgname" alt="weit" width="100px" height="50px" />
                              @endif
                            </td>
                            @if($row->is_active == 0)
                            <td>{{ "Active" }}</td>
                            @else
                            <td>{{ "In Active" }}</td>
                            @endif
                            
                            <td>
                             
                              <button id="viewDetails" class="btn btn-sm btn-success action_tr viewInformation" data-id="{{$row->id}}" data-url="{{ url('/admin/service/'.$row->id.'/edit')}}"><i class="fa fa-edit"></i></button>

                              <button type="button" class="btn btn-flat btn-sm btn-danger" data-bs-toggle="modal" data-bs-target="#myModal" onclick="deleteData(<?php echo $row->id ?>)"><i class="fa fa-trash"> </i></button>
                              @if($row->is_active == 0)
                                <a href="{{ url('/admin/serviceStatus/'.$row->id)}}" class="btn btn-flat btn-sm btn-warning">In Active</a> 
                              @else
                                <a href="{{ url('/admin/serviceStatus/'.$row->id)}}" class="btn btn-flat btn-sm btn-primary">Active</a>
                              @endif 
                            </td>
                          </tr>
                          @endforeach 
                          @else 
                          <tr>
                            <td class="text-center" colspan="5">No data found</td>
                          </tr>
                          @endif
                        </tbody>
                    </table>

                </div>
            </div>
        </div> <!-- end col -->
    </div> <!-- end row -->
  </div> <!-- container-fluid -->

  <div class="modal fade bs-example-modal-lg" id="mediumModel" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> 
    <div class="modal-dialog modal-dialog" id="myinformationModal mediumModel">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
      </div>
    </div>
  </div>

  <div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
            <h5 class="modal-title mt-0" id="myModalLabel">Delete Records</h5>
            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
            </button>
        </div>
        <form id="deleteForm" method="post">
          <div class="modal-body">
             {{ csrf_field() }}
             {{ method_field('DELETE') }}
             <h5 class="text-center">Are you to delete this Record?</h5>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-light waves-effect" data-bs-dismiss="modal">Close</button>
            <button type="button" class="btn btn-primary waves-effect waves-light" onclick="formSubmit()">Delete Records</button>
          </div>
        </form>
      </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
  </div><!-- /.modal -->

  <div class="modal fade bs-example-modal-lgs" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
      <div class="modal-content">
        <div class="modal-header">
            <h5 class="modal-title mt-0" id="myLargeModalLabel">Add Service</h5>
            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
            </button>
        </div>
        <div class="modal-body">
          {!! Form::open(['method' => 'POST', 'route' => ['service.store'], 'enctype'=>'multipart/form-data', 'id'=>'serviceAddForm']) !!}
            <div class="row">
              <div class="form-group" style="margin-left: 20px; margin-bottom: 10px">
                <span class="text-danger">Fields marked as (*) are Mandatory</span>
              </div>
              <div class="row mb-4">
                <label for="horizontal-firstname-input" class="col-sm-3 col-form-label">Service Area Name</label>
                <div class="col-sm-9">
                  {{ Form::text('service_name',null,['class'=>'form-control','placeholder'=>'Enter Service Area name','autocomplete'=>'off'],old('service_name'))}}
                  @if($errors->has('service_name'))
                  <span class="help-block">{{ $errors->first('service_name') }}</span>
                  @endif
                </div>
              </div>
              <div class="row mb-4">
                <label for="horizontal-firstname-input" class="col-sm-3 col-form-label">Image *</label>
                <div class="col-sm-9">
                  {{ Form::file('s_image', ['id'=>'serviceImage' ,'class' => 'form-control'],old('s_image'))}}
                  @if($errors->has('s_image'))
                  <span class="help-block">{{ $errors->first('s_image') }}</span>
                  @endif
                  <br>
                  <img src="{{ URL::to('/admin_theme/images/default-user.png') }}" id="image_tag" width="120px" />
                </div>
              </div>
              <div class="col-md-12 text-right">
                <button type="button" class="btn btn-flat btn-danger" data-bs-dismiss="modal" aria-label="Close"><i class="fa fa-times"></i> cancel
                </button>
                <button type="submit" class="btn btn-flat btn-success"><i class="fa fa-save"></i> Save</button>
              </div>
            </div>
          </form>
        </div>
      </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
  </div><!-- /.modal -->
</div>


@stop
@section('footer_script')
{{ Html::script('admin_theme/pages_js/service.js') }}
<script type="text/javascript">
  function deleteData(id)
  {
    var id = id;
    var url = '{{ route("service.destroy", ":id") }}';
    url = url.replace(':id', id);
    $("#deleteForm").attr('action', url);
  }
 
  function formSubmit()
  {
    $("#deleteForm").submit();
  }
</script>
@stop