@extends('layouts.app')

@section('content')
    <div class="page-wrapper">
        <!-- Page-header start -->
        <div class="page-header">
            <div class="row align-items-end">
                <div class="col-lg-8">

                    <div class="page-header-title">
                        <div class="d-inline">
                            <h4>Update Sub-Basin</h4>
                        </div>
                    </div>
                </div>

            </div>
        </div>
        <!-- Page-header end -->

        <!-- Page-body start -->
        <div class="page-body">
            <div class="row">
                <div class="col-sm-12">
                    <!-- Zero config.table start -->
                    <div class="card bg-light">
                        <div class="card-block">
                            <div class="mT-30">
                                @include('common.error')
                                {{-- @php $user = \Auth::user(); @endphp --}}
                                
                                <form class="" action="{{route('sub-basin.update',$sub_basin->SubBasinCode)}}" method="POST" id="needs-validation" enctype="multipart/form-data">
                                @method('PATCH')
                                    @csrf
                                 <input type="hidden" name="id" value="{{$sub_basin->SubBasinCode}}">
                                    <div class="row mt-4">                                        

                                        <div class="col-md-3">         
                                            {{-- @php prd($t_Master_Basin);  @endphp                                    --}}
                                            <label class="control-label" for="BasinCode">Basin<span class="red">*</span></label>
                                            <select  id="BasinCode" name="BasinCode" class="form-control select" required>
                                                <option value="">--Select--</option>    
                                                @foreach ($t_Master_Basin as $row)
                                                    <option value="{{ $row->BasinCode }}" {{ ($row->BasinCode == $sub_basin->BasinCode ? 'selected': '') }}>{{ $row->BasinName }}</option>
                                                @endforeach
                                            </select>
                                        </div>

                                        <div class="col-md-3">
                                            <label class="control-label" for="BasinCode">Sub Basin Code<span class="red">*</span></label>
                                            <input autocomplete="off" class="form-control text-box" id="SubBasinCode" maxlength="30" name="SubBasinCode" type="text" value="{{  $sub_basin->SubBasinCode }}" onkeypress="return isNumeric(event)" required>
                                        </div>

                                        <div class="col-md-3">                                            
                                            <label class="control-label" for="SubBasinName">Sub Basin Name {{ $sub_basin->SubBasinName }}<span class="red">*</span></label>
                                            <input type="text" class="form-control" id="SubBasinName" maxlength="30" name="SubBasinName" value="{{ old('SubBasinName') ? old('SubBasinName') : $sub_basin->SubBasinName }}"  onkeypress="allowAlphaSpace(event)">
                                        </div>

                                        <div class="col-md-3 mt-3">
                                            <button class="btn btn-primary mr-2" type="submit">Save</button>
                                            <a href="{{ url('sub-basin') }}" class="btn  btn-outline-primary">Back</a>
                                        </div>
                                     
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Page-body end -->
    </div>

    
    <style>
       /* #ImgPreview {
            display: none;
            width: 300px;
            height: auto;
        } */

        .delete-btn img {
            width: 15px;
        }

        .delete-btn {
            background: transparent;
            border: 0 !important;
            outline: none !important;
            cursor: pointer;
        }
    </style>

    <script>
        $(document).ready(function() {

            $("#StateCode").css({"pointer-events": "none","touch-action": "none","background": "#e9ecef"});
            $("#BasinCode").css({"pointer-events": "none","touch-action": "none","background": "#e9ecef"});
            $("#SubBasinCode").css({"pointer-events": "none","touch-action": "none","background": "#e9ecef"});
        });
    </script>
@endsection