@extends('layouts.admin')
@section('content')
<nav aria-label="breadcrumb">
    <ol class="breadcrumb iq-bg-primary">
      <li class="breadcrumb-item"><a href="{{route('dashboard')}}"><i class="ri-home-4-line mr-1 float-left"></i>Dashboard</a></li>
      <li class="breadcrumb-item active" aria-current="page"> Branch</li>
    </ol>
  </nav>
  <div class="row justify-content-center">
    <div class="col-lg-8">
      <div class="iq-card">
        <div class="iq-card-header d-flex justify-content-between">
          <div class="iq-header-title">
            <h4 class="card-title">Add Branch</h4>
          </div>
          <a class="btn btn-primary" href="{{route('branch.index')}}" role="button">Back</a>
        </div>
        <div class="iq-card-body">
          <div class="acc-edit">
          <form class="box bg-white" method="post" action="{{route('branch.update', $content->id)}}" enctype="multipart/form-data">
          @csrf
             {{ method_field('POST') }}

                <div class="form-group row">
                    <label class="control-label col-sm-3 align-self-center mb-0">Cluster:</label>
                    <div class="col-sm-9">
                        <select class="form-control" name="cluster" id="state">
                            <option value="">Select Cluster</option>
                            @if(!empty($clusters))
                                                        @foreach($clusters as $cluster)
                            <option value="{{$cluster->id}}"  @if($content->cluster==$cluster->id) selected  @endif style="text-transform: uppercase;">{{$cluster->head}}</option>
                            @endforeach
                            @endif
                        </select>
                    </div>
                </div>
                <div class="form-group row">
             <label class="control-label col-sm-3 align-self-center mb-0" for="Name">Branch Name:</label>
                                 <div class="col-sm-9">
                                    <input type="text" class="form-control" id="name" value="{{ $content->name }}" name="name" required  placeholder="Enter Branch  Name">
                                    @if($errors->has('name'))
                         <span class="error" style="color:red;font-size:15px">{{$errors->first('name')}}</span>
                        @endif
                                </div>
                              </div>


              <div class="form-group row">
              <label class="control-label col-sm-3 align-self-center mb-0">Branch Head Name:</label>
              <div class="col-sm-9">
               <input type="text" placeholder="Enter Branch Head Name" id="head" value="{{ $content->head }}" name="head" required class="form-control">
               @if($errors->has('head'))
                         <span class="error" style="color:red;font-size:15px">{{$errors->first('head')}}</span>
                        @endif
                        </div>
            </div>
              <div class="form-group row">
              <label class="control-label col-sm-3 align-self-center mb-0">Contact No</label>
              <div class="col-sm-9">
                <input type="text" placeholder="Contact No" maxlength="10" minlength="10" value="{{ $content->mobile }}" name="mobile" required class="form-control">
                @if($errors->has('mobile'))
                         <span class="error" style="color:red;font-size:15px">{{$errors->first('mobile')}}</span>
                        @endif
</div>
              </div>

              <div class="form-group row">
              <label class="control-label col-sm-3 align-self-center mb-0">Enter Email Address</label>
              <div class="col-sm-9">
                <input type="email" placeholder="Enter Email Address" value="{{ $content->email }}" name="email" required class="form-control">
                @if($errors->has('email'))
                         <span class="error" style="color:red;font-size:15px">{{$errors->first('email')}}</span>
                        @endif
              </div>
              </div>
              <div class="form-group row">
              <label class="control-label col-sm-3 align-self-center mb-0">Enter Date of Opening</label>
              <div class="col-sm-9">
                <input type="date" placeholder="Enter Date of Opening" value="{{ $content->openingdate }}"  name="openingdate" required class="form-control">
                @if($errors->has('openingdate'))
                         <span class="error" style="color:red;font-size:15px">{{$errors->first('openingdate')}}</span>
                        @endif
              </div>
              </div>
              <div class="form-group row">
              <label class="control-label col-sm-3 align-self-center mb-0">Address</label>
              <div class="col-sm-9">
                <textarea   placeholder="Address" value="" name="address" required class="form-control">{{ $content->address }}</textarea>
                @if($errors->has('address'))
                         <span class="error" style="color:red;font-size:15px">{{$errors->first('address')}}</span>
                        @endif
              </div>
              </div>
              <div class="form-group row">
                <label class="control-label col-sm-3 align-self-center mb-0">Status:</label>
                <div class="col-sm-9">
                    <div class="custom-control custom-switch">
                        <input type="checkbox" class="custom-control-input" id="customSwitch2"
                            name="status" @if ($content->status == 1) checked="" @endif>
                        <label class="custom-control-label" for="customSwitch2">Toggle this switch
                            element</label>
                    </div>
                </div>
            </div>
              <button type="submit" name="submit"  class="btn btn-primary">Save</button>
              <a  href="{{route('branch.index')}}" class="btn iq-bg-danger">Cancel</a>
            </form>
          </div>
        </div>
      </div>
    </div>
  </div>



@endsection