@extends('layouts.dashboard')
@section('content') 

    <div class="container">    
        <div class="contentbox">
            <div class="contentboxheading"><i class="las la-map"></i> <span id="formStatus">Add New Location</span>
            <a class="btn btn-primary pull-right mt-2 mr10 btn-form-toggle"><span>Show</span> Form</a>  
        </div>
            <div class="contentboxinner">
                    @if (session('success'))
                        <div class="alert alert-success">
                            {{ session('success') }}
                        </div>
                    @endif
                <div class="form-container fhide">
                    <form class="row g-3" id="savelocation">
                        @csrf
                        <input type="hidden"  name="hdn_location_id" id="hdn_locationId" readonly>  
                        <div class="alert alert-danger errorMsgUpdt" style="display:none;"></div>

                        <div class="row g-3" >
                            <div class="col-md-4">
                                <label for="locname" class="form-label ml10">Location Name<span style="color:red">*</span></label>
                                <input type="text" class="form-control" id="txt_locname" name="locname" placeholder=" Location Name">
                            </div>  

                            <div class="col-md-4">
                                <label for="street" class="form-label ml10">Address<span style="color:red">*</span></label>
                                <input type="text" class="form-control" id="txt_address" name="address" placeholder="Address">
                            </div>

                            <div class="col-md-4">
                                <label for="city" class="form-label ml10">City<span style="color:red">*</span></label>
                                <input type="text" class="form-control" id="txt_city" name="city" placeholder="City">
                            </div>                        

                            <div class="col-md-4">
                                <label for="state" class="form-label ml10">State<span style="color:red">*</span></label>
                                <select class="form-control selectpicker" name="state" id="ddl_State">
                                <option value="">Select State</option>        
                                @foreach($state_list as $key=>$val)
                                    <option value="{{$key}}">{{$val}}</option>
                                    @endforeach
                                </select>
                            </div>

                            <div class="col-md-4">
                                <label for="zipcode" class="form-label ml10">Zip Code<span style="color:red">*</span></label>
                                <input type="text" class="form-control numbers" maxlength="6" id="txt_zipcode" name="zipcode" placeholder="Zip Code">
                            </div>

                            <div class="col-md-4">
                                <label for="desc" class="form-label ml10">Description</label>
                                <input type="textarea" class="form-control" id="txt_desc" name="desc" placeholder="Description">
                            </div>

                            <div class="col-md-4">
                                <label for="status" class="form-label ml10">Status<span style="color:red">*</span></label>
                                <select id="inputState" class="selectpicker" id="ddl_status" name="status">
                                    <option value="1" selected>Active</option>
                                    <option value="0">Inactive</option>
                                </select>
                            </div>  

                            <div class="text-center mt-3">     
                                <button type="button" class="btn btn-primary mt-4 mb-4" id="btn_addLocation">Submit</button>                 
                            </div>
                        </div> 
                    </form>
                </div>
                <div class="row">
                    <div class="subheading mt-2">Existing Location(s) Details</div>
                    <div class="col-md-12">
                        <div class=" mt-3 mb-3 table-responsive">
                            <table class="table table-striped" id="tbl_addPatient">
                                <thead>
                                    <tr>
                                        <th>Action</th>
                                        <th>Location Name</th>
                                        <th>Address</th>
                                        <th>City</th>
                                        <th>State</th>
                                        <th>Zip Code</th>
                                        <th>Description</th>
                                        <th>Status</th>
                                    </tr>
                                </thead>
                                <tbody id="ajaxData">@include('location.addLocation_ajax')</tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('footer_scripts')
<script>

</script>
@endsection