@extends('admin.layout.layout')

@section('page-level-css')
@endsection

@section('content')
<!-- START PAGE-CONTAINER -->
<div class="page-container ">
  <!-- START HEADER -->
  @include('admin.partials.header')
  <!-- END HEADER -->
  <!-- START PAGE CONTENT WRAPPER -->
  <div class="page-content-wrapper ">
    <!-- START PAGE CONTENT -->
    <div class="content sm-gutter">
      <!-- START JUMBOTRON -->
      <div data-pages="parallax">
        <div class="container-fluid p-l-25 p-r-25 sm-p-l-0 sm-p-r-0">
          <div class="inner">
            <!-- START BREADCRUMB -->
            <ol class="breadcrumb sm-p-b-5">
              <li class="breadcrumb-item"><a href="#">Home</a></li>
              <li class="breadcrumb-item active">Edit States</li>
            </ol>
          </div>
        </div>
      </div>
      <!-- END JUMBOTRON -->
      <!-- START CONTAINER FLUID -->
      <div class="container-fluid p-l-25 p-r-25 p-t-0 p-b-25 sm-padding-10">
        <!-- START ROW -->
        <div class="row">
          <div class="col-lg-6 m-b-10 d-flex">
              <!-- START card -->
              <div class="card card-transparent">
                <div class="card-body">
                  <form data-parsley-validate id="form-personal" role="form" autocomplete="off" enctype="multipart/form-data" method="POST" action="{{route('states.update',['state' => $state->id])}}">
                    @csrf
                    @method('PUT')
                    <div class="row clearfix">
                      <div class="col-md-12">
                        <div class="form-group form-group-default required">
                          <label>States</label>
                          <input type="text" class="form-control" name="state" value="{{$state->state}}" required>
                          {{-- <input type="hidden" class="form-control" name="state" value="{{$state->id}}"> --}}
                        </div>
                        <div class="form-group form-group-default"> 
                          <label>Image</label>
                          <input type="file" class="typeahead form-control sample-typehead" name="bannerImages[]" placeholder="Banner Image" value="">
                        </div>
                        <div class="form-group form-group-default required"> 
                          <label>Current Image</label>
                          @php
                            $bannerImage = json_decode($state->image);

                          if($bannerImage && !empty($bannerImage)){
                          $imageUrl = $bannerImage->image_url->url;
                          }else{
                          $imageUrl = null;
                          }
                          @endphp
                          @if($imageUrl)
                          <img src="{{$imageUrl}}" width="200px" />
                          @endif
                        </div>
                        <div class="form-group form-group-default required">
                          <label>Other</label>
                          <select class="full-width" data-init-plugin="select2" name="is_other">
                            <option value="1" @if($state->is_other == 1) selected="selected" @endif >Yes</option>
                            <option value="2" @if($state->is_other == 2) selected="selected" @endif>No</option>
                          </select>
                        </div>
                        <div class="form-group form-group-default required">
                          <label>Zone</label>
                          <select class="full-width" data-init-plugin="select2" name="zone">
                            <option value="1" @if($state->state == 1) selected="selected" @endif >Zone 1</option>
                            <option value="2" @if($state->state == 2) selected="selected" @endif>Zone 2</option>
                          </select>
                        </div>
                        
                      </div>
                      <div class="col-md-12">
                          @if ($errors->any())
                            <div class="alert alert-danger">
                                <button class="close" data-dismiss="alert"></button>
                                <ul>
                                    @foreach ($errors->all() as $error)
                                        <li>{{ $error }}</li>
                                    @endforeach
                                </ul>
                            </div>
                          @endif
                          @if(Session::has('success'))
                            <div class="alert alert-success">
                              <button class="close" data-dismiss="alert"></button>
                              {{Session::get('success')}}
                            </div>
                          @endif
                      </div>
                    </div>
                    <div class="clearfix"></div>
                    <button class="btn btn-primary" type="submit">Update States</button>
                  </form>
                </div>
              </div>
              
              <!-- END card -->
          </div>
        </div>
        <!-- END ROW -->
      </div>
      <!-- END CONTAINER FLUID -->
    </div>
    {{-- Delete Modal Starts here --}}
    @include('admin.partials.deleteModal')
    {{-- Delete Modal ends here --}}
    <!-- END PAGE CONTENT -->
    <!-- START COPYRIGHT -->
    @include('admin.partials.footer')
    <!-- END COPYRIGHT -->
  </div>
  <!-- END PAGE CONTENT WRAPPER -->
</div>
<!-- END PAGE CONTAINER -->
@endsection

@section('page-level-js')
@endsection