@extends('admin.layouts.app')
@section('content')
<div class="main-content" id="panel">
    <!-- Topnav -->
    @include('coach.layouts.navbar')
    <!-- Header -->
    <!-- Header -->
    <!-- Page content -->
    <div class="container-fluid mt-4">
        <div class="row justify-content-center">
            <div class="col-lg-12 col-md-8">
              <div class="card bg-secondary border-0">
                <div class="card-body px-lg-5 py-lg-5">
                  <div class="text-center text-dark font-weight-bolder mb-4">
                   Edit Institute
                  </div>
                    @if(Session::has('error'))
                    <p class="alert alert-danger alert-sm">{{ Session::get('error') }}</p>
                    @endif
                    @if(Session::has('success'))
                    <p class="alert alert-success alert-sm">{{ Session::get('success') }}</p>
                    @endif
                    <form role="form" action="{{ route('institute.update',$institute->id) }}" method="POST" enctype="multipart/form-data">
                        @csrf
                        @method('patch')
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group ">
                                    <label class="form-control-label text-small" for="input-country">Image</label>
                                    <input placeholder="GUID" name="image" type="file"  class="form-control form-control-sm border-0">
                                    @if($errors->has('guid'))
                                        <div class="error text-danger"> {{  str_replace("guid","guid",$errors->first('guid')) }} </div>
                                    @endif
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group ">
                                    <label class="form-control-label text-small" for="input-country">Image</label>
                                    <img src="{{ asset('storage/'.$institute->image) }}" class="img-fluid w-25  " alt="">
                                </div>
                            </div>

                        </div>
                        <div class="row">
                            <div class="form-group col-md-6">
                                <label class="form-control-label text-small" for="input-country">GUID</label>
                                <input id="input-contact-number" class="form-control form-control-sm " placeholder="GUID" name="guid" type="text" value="{{ $institute->guid }}">
                                @if($errors->has('guid'))
                                    <div class="error text-danger"> {{  str_replace("guid","guid",$errors->first('guid')) }} </div>
                                @endif
                            </div>
                            <div class="form-group col-md-6">
                                <label class="form-control-label text-small" for="input-country">Country</label>
                                <select  class="form-control form-control-sm " name="country" id="country">
                                    <option disabled selected>Select Country</option>
                                    @foreach ($countries as $item)
                                        <option value="{{ $item->id }}" @if($institute->country_id == $item->id) selected @endif>{{ $item->name }}</option>
                                    @endforeach
                                </select>
                                @if($errors->has('country'))
                                    <div class="error text-danger"> {{  str_replace("country","country",$errors->first('country')) }} </div>
                                @endif
                            </div>
                        </div>
                        <div class="row">
                            <div class="form-group col-md-6">
                                <label class="form-control-label text-small" for="input-country">Provine</label>
                                <select  class="form-control form-control-sm" name="provine" id="state">
                                    <option disabled >Select Provine</option>
                                    <option value="{{ $institute->state->id }}" selected>{{ $institute->state->name }}</option>
                                </select>
                                @if($errors->has('provine'))
                                    <div class="error text-danger"> {{  str_replace("provine","provine",$errors->first('provine')) }} </div>
                                @endif
                            </div>
                            <div class=" form-group col-md-6 ">
                                <label class="form-control-label text-small" for="input-country">City</label>
                                <select  class="form-control form-control-sm" name="city" id="city">
                                    <option disabled>Select City</option>
                                    <option value="{{ $institute->city->id }}" selected>{{ $institute->city->name }}</option>
                                </select>
                                @if($errors->has('city'))
                                    <div class="error text-danger"> {{  str_replace("city","city",$errors->first('city')) }} </div>
                                @endif
                            </div>
                        </div>
                        <div class="form-group row">
                            <div class=" col-md-12 ">
                                <label class="form-control-label text-small" for="input-country">Name of the Institute</label>
                                <input id="input-contact-number" class="form-control form-control-sm" placeholder="Name of the Institute" name="institute_name" type="text" value="{{ $institute->name }}">
                                @if($errors->has('institute_name'))
                                    <div class="error text-danger"> {{  str_replace("institute_name","institute name",$errors->first('institute_name')) }} </div>
                                @endif
                            </div>
                        </div>
                        <div class=" row">
                            <div class=" form-group col-md-6 ">
                                <label class="form-control-label text-small" for="input-country">Institute Code</label>
                                <input id="input-contact-number" class="form-control form-control-sm" placeholder="Institute Code" name="institute_code" type="text" value="{{ $institute->code }}">
                                @if($errors->has('institute_code'))
                                    <div class="error text-danger"> {{  str_replace("institute_code","institute CODE",$errors->first('institute_code')) }} </div>
                                @endif
                            </div>
                            <div class=" form-group col-md-6">
                                <label class="form-control-label text-small" for="input-country">Institute Type</label>
                                <select id="input-contact-number" class="form-control form-control-sm" name="institute_type" id="">
                                    <option disabled selected>Select Institute Type</option>
                                    @foreach ($types as $item)
                                    <option value="{{ $item->id }}" @if($institute->type_id == $item->id) selected @endif>{{ $item->type }}</option>
                                    @endforeach
                                </select>
                                @if($errors->has('institute_type'))
                                    <div class="error text-danger"> {{  str_replace("institute_type","institute type",$errors->first('institute_type')) }} </div>
                                @endif
                            </div>
                        </div>
                        <div class="form-group row">
                            <div class=" col-md-12 ">
                                <label class="form-control-label text-small" for="input-country">Institute Description</label>
                                <textarea id="input-contact-number" class="form-control form-control-sm" placeholder="Institute Description" name="institute_description" type="text">{{ $institute->description }}</textarea>
                                @if($errors->has('institute_description'))
                                    <div class="error text-danger"> {{  str_replace("institute_description","institute description ",$errors->first('institute_description')) }} </div>
                                @endif
                            </div>
                        </div>
                        <div class="row">
                            <div class="form-group col-md-12">
                                <label class="form-control-label text-small" for="input-country">Institute Address</label>
                                <textarea id="input-contact-number" class="form-control form-control-sm" placeholder="Institute Address" name="institute_address" type="text">{{ $institute->address }}</textarea>
                                @if($errors->has('institute_address'))
                                    <div class="error text-danger"> {{  str_replace("institute_address","institute address ",$errors->first('institute_address')) }} </div>
                                @endif
                            </div>
                        </div>

                        <div class="row">
                            <div class="form-group  col-md-12 ">
                                <label class="form-control-label text-small" for="input-country">College Link</label>
                                <input id="input-contact-number" class="form-control form-control-sm" placeholder="College Link" name="college_link" type="text" value="{{ $institute->link}}">
                                @if($errors->has('college_link'))
                                    <div class="error text-danger"> {{  str_replace("college_link","college link",$errors->first('college_link')) }} </div>
                                @endif
                            </div>
                        </div>
                        <div class="text-center">
                        <button type="submit" class="btn btn-primary mt-4">Update Institute</button>
                        </div>
                    </form>
                    </div>
                </div>
                </div>
            </div>
      <!-- Footer -->

    </div>
  </div>



  @push('cs')

<script>
$("#country").change(function(){

  var cid = $(this).val()
    $.ajax({
        type: "get",
        url: "{{url('/') }}/admin/get-state/"+cid,
        success: function (data) {
            $("#state").empty();
            $.each(data, function(i,item) {
               $("#state").append(`
                    <option value="${item.id}">${item.name}</option>
                `);
            });
        }
    });
});

$("#state").change(function(){

  var sid = $(this).val()
    $.ajax({
        type: "get",
        url: "{{url('/') }}/admin/get-city/"+sid,
        success: function (data) {
            $("#city").empty();
            $.each(data, function(i,item) {
               $("#city").append(`
                    <option value="${item.id}">${item.name}</option>
                `);
            });
        }
    });
});

$(".chosen-select").chosen({
  no_results_text: "Oops, nothing found!"
})

$(".form-control").change(function (e) {
   console.log($(this));
   $(this).parent().parent().find('.error').html('');
});
</script>
  @endpush
@endsection