@extends('layouts.admin')

@section('content')
@push('css')
@endpush
<div class="container-fluid">
    <div class="row">        
        <div class="col-md-8">
            <div class="card">
                <div class="card-body">

                    <h5 class="card-title mb-3">District List</h5>
                    <div class="table-responsive">
                        <table id="datatable-buttons" class="table table-striped table-bordered w-100">
                            <thead>
                            <tr>
                                <th>Sl.</th>
                                <th>Name English</th>
                                <th>Name Bangla</th>
                                <th class="text-center">Action</th>
                            </tr>
                            </thead>
                            <tbody>
                            @if(count($districts)>0)
                            @foreach($districts as $key => $district)
                            <tr>
                                <td>{{ ++$key }}</td>
                                <td>{{ $district->name_english }}</td>
                                <td>{{ $district->name_bangla }}</td>
                                <td class="text-center">
                                    <form action="{{ route('districts.delete', $district->id) }}" method="post">
                                    {{ csrf_field() }}
                                    <div class="button-list btn-social-icon">                
                                        <a href="{{ url('districts',$district->id) }}" class="btn btn-purple">
                                            <i class="fas fa-pencil-alt"></i>
                                        </a>

                                        
                                        <button type="submit" class="btn btn-danger btn-remove ml-1">
                                            <i class="far fa-trash-alt"></i>
                                        </button>           
                                    </div> 
                                    </form> 
                                </td>
                            </tr>
                            @endforeach
                            @endif
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div> <!-- end col --> 
        <div class="col-md-4">
            @if($edit)
            <div class="card text-white bg-success">
                <div class="card-body">
                    <h5 class="card-title mb-3">District Edit</h5>
                    <form method="POST" action="{{ route('districts.update',$edit_data->id) }}"  enctype="multipart/form-data">
                        @csrf
                        <div class="row">
                            <div class="col-md-12">                                                
                                <div class="form-group ">
                                    <label for="division" class="col-form-label pt-0">Division<span class="text-danger">*</span></label>
                                    <select id="division" class="select2 form-control mb-3 custom-select" name="division" style="width: 100%; height:38px;" required="">
                                        <option disabled="" selected="" value="">Select One</option>
                                        {{ create_option("divisions","id","name_english",$edit_data->division_id,'WHERE status=1','ORDER BY name_english ASC') }} 
                                    </select>
                                    @if ($errors->has('division'))
                                        <span class="text-danger" role="alert">
                                            <strong>{{ $errors->first('division') }}</strong>
                                        </span>
                                    @endif
                                </div>
                            </div>
                            <div class="col-md-12">                                                
                                <div class="form-group ">
                                    <label for="name_english" class="col-form-label pt-0">Name English<span class="text-danger">*</span></label>
                                    <input class="form-control{{ $errors->has('name_english') ? ' is-invalid' : '' }}" type="text" name="name_english" id="name_english" placeholder="English" value="{{ $edit_data->name_english }}" required="">
                                    @if ($errors->has('name_english'))
                                        <span class="text-danger" role="alert">
                                            <strong>{{ $errors->first('name_english') }}</strong>
                                        </span>
                                    @endif
                                </div>
                            </div>
                            <div class="col-md-12">                                                
                                <div class="form-group ">
                                    <label for="name_bangla" class="col-form-label pt-0">Name Bangla</label>
                                    
                                    <input class="form-control{{ $errors->has('name_bangla') ? ' is-invalid' : '' }}" type="text" name="name_bangla" id="name_bangla" placeholder="Bangla" value="{{ $edit_data->name_bangla }}">
                                    @if ($errors->has('name_bangla'))
                                        <span class="text-danger" role="alert">
                                            <strong>{{ $errors->first('name_bangla') }}</strong>
                                        </span>
                                    @endif
                                </div>
                            </div>
                            <div class="col-md-12 text-right mt-4">
                                <a href="{{ route('districts.list') }}" class="btn btn-pink">
                                    <i class="fas fa-times mr-2"></i> Cancel
                                </a>
                                <button type="submit" class="btn btn-purple">
                                    <i class="fas fa-save mr-2"></i> Save & Update
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            @else
            <div class="card">
                <div class="card-body">
                    <h5 class="card-title mb-3" align="center">District Add</h5>
                    <form method="POST" action="{{ route('districts.store') }}"  enctype="multipart/form-data">
                        @csrf
                        <div class="row">
                            <div class="col-md-12">                                                
                                <div class="form-group ">
                                    <label for="division" class="col-form-label pt-0">Division<span class="text-danger">*</span></label>
                                    <select id="division" class="select2 form-control mb-3 custom-select" name="division" style="width: 100%; height:38px;" required="">
                                        <option disabled="" selected="" value="">Select One</option>
                                        {{ create_option("divisions","id","name_english",old('division'),'WHERE status=1','ORDER BY name_english ASC') }} 
                                    </select>
                                    @if ($errors->has('division'))
                                        <span class="text-danger" role="alert">
                                            <strong>{{ $errors->first('division') }}</strong>
                                        </span>
                                    @endif
                                </div>
                            </div>
                            <div class="col-md-12">                                                
                                <div class="form-group ">
                                    <label for="name_english" class="col-form-label pt-0">Name English<span class="text-danger">*</span></label>
                                    <input class="form-control{{ $errors->has('name_english') ? ' is-invalid' : '' }}" type="text" name="name_english" id="name_english" placeholder="District Name English" value="{{ old('name_english') }}" required="">
                                    @if ($errors->has('name_english'))
                                        <span class="text-danger" role="alert">
                                            <strong>{{ $errors->first('name_english') }}</strong>
                                        </span>
                                    @endif
                                </div>
                            </div>
                            <div class="col-md-12">                                                
                                <div class="form-group ">
                                    <label for="name_bangla" class="col-form-label pt-0">Name Bangla</label>
                                    
                                    <input class="form-control{{ $errors->has('name_bangla') ? ' is-invalid' : '' }}" type="text" name="name_bangla" id="name_bangla" placeholder="District Name Bangla" value="{{ old('name_bangla') }}">
                                    @if ($errors->has('name_bangla'))
                                        <span class="text-danger" role="alert">
                                            <strong>{{ $errors->first('name_bangla') }}</strong>
                                        </span>
                                    @endif
                                </div>
                            </div>
                            <div class="col-md-12 text-right mt-4">
                                <button type="submit" class="btn btn-dribbble">
                                    <i class="fas fa-save mr-2"></i> Save
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            @endif
        </div> <!-- end col -->                                                               
    </div><!--end row-->
    
</div> <!-- container-fluid -->
@push('alljs')

@endpush
@endsection