@extends('layout')
@section('content')
    <div class="content-wrapper">
        <div class="content">
            <div id="floating-alert-container">
                @if (session('success'))
                    <div class="alert alert-success alert-dismissible fade show floating-alert">
                        <strong>{{ session('success') }}</strong>
                        <button type="button" class="close" data-dismiss="alert">×</button>
                    </div>
                @endif

                @if (session('error'))
                    <div class="alert alert-danger alert-dismissible fade show floating-alert">
                        <strong>{{ session('error') }}</strong>
                        <button type="button" class="close" data-dismiss="alert">×</button>
                    </div>
                @endif

                @if ($errors->any())
                    @foreach ($errors->all() as $error)
                        <div class="alert alert-danger alert-dismissible fade show floating-alert">
                            <strong>{{ $error }}</strong>
                            <button type="button" class="close" data-dismiss="alert">×</button>
                        </div>
                    @endforeach
                @endif
            </div>
            <div id="ajax-container-organization-details" data-url="{{ url('get-organization-details') }}"></div>
            <div class="form">
                <!-- search form -->
                {{ Form::open(['url' => url('/camp-request-save'), 'method' => 'POST', 'id' => 'campRequestForm', 'class' => 'search-form']) }}
                <div class="row">
                    <div class="form-group col-md-3">
                        <label for="Date">Organization</label>
                        @if (auth()->user()->role_id == 4)
                            <select class="form-control form-control-sm" name="org_id_dis" id="org_id_dis" disabled>
                                <option value="">--Select--</option>
                                @foreach ($data['OrganizationList'] as $key => $value)
                                    <option value="{{ $value->org_id }}"
                                        {{ $value->org_id == auth()->user()->org_id ? 'selected' : '' }}>
                                        {{ $value->org_name }}
                                    </option>
                                @endforeach
                            </select>
                            <input type="hidden" name="org_id" id="org_id" value="{{ auth()->user()->org_id }}">
                        @else
                            <select class="form-control form-control-sm select2" name="org_id" id="org_id" required>
                                <option value="">--Select--</option>
                                @foreach ($data['OrganizationList'] as $key => $value)
                                    <option value="{{ $value->org_id }}">{{ $value->org_name }}</option>
                                @endforeach
                            </select>
                        @endif
                    </div>
                    <div class="form-group col-md-2">
                        <label for="org_code">Organization Code</label>
                        <input type="text" id="org_code" name="org_code" class="form-control form-control-sm" readonly>
                    </div>
                    <div class="form-group col-md-2">
                        <label for="org_type">Type</label>
                        <select id="org_type" name="org_type" class="form-control form-control-sm" disabled>
                            <option value="1">Club</option>
                            <option value="2">Society</option>
                        </select>
                    </div>
                    <!--<div class="form-group col-md-2">
                            <label for="org_contract_no">Contact No</label>
                            <input type="text" id="org_contract_no" name="org_contract_non" class="form-control form-control-sm" readonly>
                        </div>
                        <div class="form-group col-md-3">
                            <label for="contract_person">Contact Person</label>
                            <input type="text" id="contract_person" name="contract_person" class="form-control form-control-sm" readonly>
                        </div>-->
                    <div class="form-group col-md-4">
                        <label for="org_address">Address</label>
                        <input type="text" id="org_address" name="org_address" class="form-control form-control-sm"
                            readonly>
                    </div>
                    <div class="form-group col-md-1">
                        <label for="org_address_pin">PIN</label>
                        <input type="text" id="org_address_pin" name="org_address_pin"
                            class="form-control form-control-sm" readonly>
                    </div>
                </div>
                <hr>
                <div class="row">
                    <div class="form-group col-md-2">
                        <label for="Date">Date</label>
                        <input type="date" id="camp_date" name="camp_date"
                            class="form-control form-control-sm datepicker" value="{{ date('Y-m-d') }}"
                            min="{{ date('Y-m-d') }}" oninput="return false;">
                    </div>
                    <div class="form-group col-md-5">
                        <label for="Venue">Venue</label>
                        <input type="text" id="camp_venue" name="camp_venue" class="form-control form-control-sm">
                    </div>
                    <div class="form-group col-md-3">
                        <label for="local_contact_person_name">Local Contact Person Name</label>
                        <input type="text" id="local_contact_person_name" name="local_contact_person_name"
                            class="form-control form-control-sm"
                            oninput="this.value=this.value.replace(/[^A-Za-z ]/g,'').replace(/(\..*)\./g, '$1');">
                    </div>
                    <div class="form-group col-md-2">
                        <label for="local_contact_person_mobile">Local Contact Person Mobile</label>
                        <input type="text" id="local_contact_person_mobile" name="local_contact_person_mobile"
                            class="form-control form-control-sm"
                            oninput="this.value=this.value.replace(/[^0-9]/g,'').replace(/(\..*)\./g, '$1');">
                    </div>
                </div>
                <div class="row">
                    <div class="form-group col-md-5">
                        <label for="local_contact_person_address">Local Contact Person Address</label>
                        <textarea type="text" id="local_contact_person_address" name="local_contact_person_address"
                            class="form-control form-control-sm"></textarea>
                    </div>
                </div>

                <div class="">
                    <button type="button" name="search" id="newAddBtn" class="btn btn-solid btn-xs">Submit</button>
                    <a href="{{ url('/camp-list') }}" class="btn btn-solid btn-outline btn-xs flex-fill">
                        <i class="fas fa-redo"></i> Cancel
                    </a>
                </div>
                {{ Form::close() }}
            </div>
        </div>
    </div>
    <script src="{{ asset('dist/js/pages/campRequest.js') }}"></script>
@endsection