@extends('layouts.rider')

@section('title')
    Rider Profile
@endsection

@section('content')

<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js"></script>

<div class="card">
    <div class="py-5"></div>
    <div class="container p-2 my-2">

        <div class="card-header">
            <h4>Rider Profile</h4>
        </div>
        @if($errors->any())
            <div class="alert alert-danger">
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

        @if(session('success'))
    <div class="alert alert-success">
        {{ session('success') }}
    </div>
@endif
        <div class="card-body">

            <p><strong>Name:</strong> {{ auth()->user()->name }} {{ auth()->user()->middle_name }} {{ auth()->user()->last_name }}</p>
            <p><strong>Email:</strong> {{ auth()->user()->email }}</p>
            <p><strong>Phone Number:</strong> {{ auth()->user()->phone }}</p>
            <p><strong>Address:</strong> 
    @if($activeAddress)
        {{ $activeAddress->streets }}, {{ $activeAddress->barangay }}, {{ $activeAddress->municipal }}
    @else
        No active address found.
    @endif
</p>
            <label for="images" class="col-md-4 col-form-label text-md-right">{{ __('Identification') }}</label>

<div class="col-md-6">
    @if ($user->userImages->isNotEmpty())
        <div class="row">
            @foreach($user->userImages as $image)
                <div class="col-md-4 mb-3">
                    <div class="image-container" style="height: 150px; overflow: hidden;">
                        <img src="{{ asset('upload/userImage/'.$image->path) }}" alt="User Image" class="img-fluid adjustable-image" onclick="toggleImageSize(this)">
                    </div>
                </div>
            @endforeach
        </div>
    @endif
</div>


            <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#editProfileModal">
                Edit Profile
            </button>

            @if(auth()->user()->role_as == 11)
    <form action="{{ route('cancel.application') }}" method="POST">
        @csrf
        <button type="submit" class="btn btn-danger" onclick="return confirm('Are you sure you want to cancel your application?')">Cancel Application</button>
    </form>
@endif
        </div>
    </div>
</div>


<div class="modal fade" id="editProfileModal" tabindex="-1" role="dialog" aria-labelledby="editProfileModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="editProfileModalLabel">Edit Profile</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
            <form method="post" action="{{ route('rider.profile.update') }}">
                    @csrf
                    <h1> <div class="form-group">
                      <label for="name">First Name</label>
                        <input type="text" class="form-control" id="name" name="name" value="{{ auth()->user()->name }}">
                    </div>
                    <div class="form-group">
                        <label for="middle_name">Middle Name</label>
                        <input type="text" class="form-control" id="middle_name" name="middle_name" value="{{ auth()->user()->middle_name }}">
                    </div>
                    <div class="form-group">
                        <label for="last_name">Last Name</label>
                        <input type="text" class="form-control" id="last_name" name="last_name" value="{{ auth()->user()->last_name }}">
                    </div>
                    <div class="form-group">
                        <label for="email">Email Address</label>
                        <input type="text" class="form-control" id="email" name="email" value="{{ auth()->user()->email }}">
                    </div>
                    <div class="form-group">
                        <label for="phone">Phone Number</label>
                        <input type="text" class="form-control" id="phone" name="phone" value="{{ auth()->user()->phone }}">
                    </div>
                    @if($activeAddress)
                    <div class="form-group">
                        <label for="municipal">Municipal</label>
                        
                    <select name="municipal" class="form-control"  id="barangay"   id="municipalSelect" onchange="loadBarangays(this)" required>
    <option value="">{{auth()->user()->municipal}}</option>
    <option value="Baungon">Baungon</option>
    <option value="Cabanglasan">Cabanglasan</option>
    <option value="City of Malaybalay">City of Malaybalay</option>
    <option value="City of Valencia">City of Valencia</option>
    <option value="Damulog">Damulog</option>
    <option value="Dangcagan">Dangcagan</option>
    <option value="Don Carlos">Don Carlos</option>
    <option value="Impasug-ong">Impasug-ong</option>
    <option value="Kadingilan">Kadingilan</option>
    <option value="Kalilangan">Kalilangan</option>
    <option value="Kibawe">Kibawe</option>
    <option value="Kitaotao">Kitaotao</option>
    <option value="Lantapan">Lantapan</option>
    <option value="Libona">Libona</option>
    <option value="Manolo">Manolo</option>

    <option value="Malitbog">Malitbog</option>
    <option value="Maramag">Maramag</option>
    <option value="Quezon">Quezon</option>
    <option value="San Fernando">San Fernando</option>
    <option value="Sumilao">Sumilao</option>
    <option value="Talakag">Talakag</option></select>
                    <!-- Add more form fields as needed -->
                    </div>
                    <div class="form-group">
                        <label for="barangay">Barangay</label>
                        
                        <select name="barangay" class="form-control" id="barangaySelect" required>
                                    <option value="">{{ $activeAddress->Barangay }}</option>
                                </select>
                    </div>

                    <div class="form-group">
                        <label for="streets">Streets</label>
                        <input type="text" class="form-control" id="streets" name="streets" value="{{auth()->user()->Streets}}">
                    </div>
                    @endif

                    <button type="submit" class="btn btn-primary">Save Changes</button>
                </form>
            </div>
        </div>
    </div>
</div>
</div>
<br>
<br>
<br>
<br>

@endsection
<script>
   function loadBarangays(municipalSelect) {
        var barangaySelect = document.getElementById('barangaySelect');
        var selectedMunicipal = municipalSelect.value;

        // Clear existing options
        barangaySelect.innerHTML = '<option value="">Select Barangay</option>';

        var barangaysByMunicipal = {
          'Baungon': ['Balintad', 'Buenavista', 'Danatag', 'Kalilangan', 'Lacolac', 'Langaon', 'Liboran', 'Lingating', 'Mabuhay', 'Mabunga', 'Nicdao', 'Imbatug (Poblacion)', 'Pualas', 'Salimbalan', 'San Vicente', 'San Miguel'],

          'Cabanglasan': ['Anlogan', 'Cabulohan', 'Canangaan', 'Capinonan', 'Dalacutan', 'Freedom', 'Iba', 'Imbatug', 'Jasaan', 'Lambangan', 'Mandaing', 'Mandahikan', 'Mauswagon', 'Paradise', 'Poblacion'],

    'City of Malaybalay': ['Bangcud', 'Barangay 1 (Poblacion)', 'Barangay 2 (Poblacion)', 'Barangay 3 (Poblacion)', 'Barangay 4 (Poblacion)', 'Barangay 5 (Poblacion)', 'Barangay 6 (Poblacion)', 'Barangay 7 (Poblacion)', 'Barangay 8 (Poblacion)', 'Barangay 9 (Poblacion)', 'Barangay 10 (Poblacion)', 'Barangay 11 (Poblacion)', 'Barangay 12 (Poblacion)', 'Barangay 13 (Poblacion)', 'Barangay 14 (Poblacion)', 'Barangay 15 (Poblacion)', 'Barangay 16 (Poblacion)', 'Cabangahan', 'Caburacanan', 'Canayan', 'Capitan Angel', 'Casisang', 'Dao', 'Imbayao', 'Indalasa', 'Kalasungay', 'Kibalabag', 'Laguitas', 'Linabo', 'Magsaysay', 'Managok', 'Mapayag', 'Mapulo', 'Matin-ao', 'Merangeran', 'Mibantang', 'Patpat', 'Saint Peter', 'San Jose', 'San Martin', 'Silae', 'Simaya', 'Sinanglanan', 'Sinayawan', 'Sumpong', 'Zamboanguita'],

    'City of Valencia': ['Bagontaas', 'Banlag', 'Barobo', 'Batangan', 'Catumbalon', 'Colonia', 'Concepcion', 'Dagat-Kidavao', 'Guinoyuran', 'Kahapunan', 'Lilingayon', 'Lourdes', 'Lumbo', 'Lumayao', 'Lurogan', 'Mabuhay', 'Mailag', 'Maapag', 'Mount Nebo', 'Nabago', 'Poblacion', 'San Carlos', 'San Isidro', 'Sinabuagan', 'Sinayawan', 'Sugod', 'Tongantongan', 'Tugaya', 'Vintar'],
    'Damulog': ['Aludas', 'Angga-an', 'Dagumba-an', 'Kinapat', 'Kiraon', 'Kitingting', 'Lagandang', 'Macapari', 'Maican', 'Migcawayan', 'New Compostela', 'Old Damulog', 'Omonay', 'Poblacion (New Damulog)', 'Pocopoco', 'Sampagar', 'San Isidro'],
'Dangcagan': ['Barongcot', 'Bugwak', 'Dolorosa', 'Kapalaran', 'Kianggat', 'Lourdes', 'Macarthur', 'Miaray', 'Migcuya', 'New Visayas', 'Osmeña', 'Poblacion', 'Sagbayan', 'San Vicente'],
'Don Carlos': ['Balaoro', 'Baroy', 'Bershiba', 'Bocboc', 'Buyot', 'Cabadiangan', 'Calaocalao', 'Don Carlos Norte', 'Embayao', 'Kalubihon', 'Kasigkot', 'Kawilihan', 'Kiara', 'Kibatang', 'Mahayahay', 'Manlamonay', 'Maraymaray', 'Mauswagon', 'Minsalagan', 'New Nongnongan (Masimag)', 'New Visayas', 'Old Nongnongan', 'Pinamaloy', 'Don Carlos Sur (Poblacion)', 'Pualas', 'San Antonio East', 'San Antonio West', 'San Francisco', 'San Nicolas (Banban)', 'San Roque', 'Sinangguyan', 'Bismartz'],
'Impasug-ong': ['Bontongon', 'Bulonay', 'Capitan Bayong', 'Cawayan', 'Dumalaguing', 'Guihean', 'Hagpa', 'Impalutao', 'Kalabugao', 'Kibenton', 'La Fortuna', 'Poblacion', 'Sayawan'],
'Kadingilan': ['Bagor', 'Balukbukan', 'Be alive', 'Binoongan', 'Cabadiangan', 'Get better', 'Guided', 'Kibalagon', 'Kiulom', 'Lazy', 'Maliano', 'New Town', 'Pay ace', 'Poblacion', 'Salvation', 'San Andres', 'Sibonga'],
'Kalilangan': ['Baborawon', 'Bangbang', 'Canituan', 'Kibaning', 'Kinura', 'Lampanusan', 'Malinao', 'Ninoy Aquino', 'Pamotolon (Pamotdon)', 'Poblacion', 'Public', 'San Vicente Ferrer', 'West Poblacion'],
'Kibawe': ['Balintawak', 'Bukang Liwayway', 'Cagawasan', 'East Kibawe (Poblacion)', 'Gutapol', 'Kiorao', 'Kisawa', 'Labuagon', 'Magsaysay', 'Marapangi', 'Mascariñas', 'Natulongan', 'New Kidapawan', 'Old Kibawe', 'Palma', 'Pinamula', 'Romagooc', 'Sampaguita', 'Sanipon', 'Spring', 'Talahiron', 'Tumaras', 'West Kibawe (Poblacion)'],
'Kitaotao': ['Bagong Silang', 'Balangigay', 'Balaoro', 'Bershiba', 'Bobong', 'Bolocaon', 'Cabalantian', 'Calapaton', 'Digongan', 'Kiabo', 'Kahusayan', 'Kalumihan', 'Kauyonan', 'Kimolong', 'Kitaihon', 'Kitobo', 'Magsaysay', 'Malobalo', 'Metebagao', 'Napalico', 'Pagan', 'Panganan', 'Poblacion', 'Salvation', 'San Andres', 'San Isidro', 'San Lorenzo', 'Santo Rosario', 'Sinuda (Simod)', 'Tandong', 'Tawas', 'White Kulaman', 'Kiulom', 'Binoongan', 'Kipilas', 'East Dalurong', 'West Dalurong'],
'Lantapan': ['Alanib', 'Baclayon', 'Balila', 'Bantuanon', 'Basak', 'Bugcaon', 'Capitan Juan', 'Cawayan', 'Ka-atoan (Kaatuan)', 'Kibangay', 'Kulasihan', 'Poblacion', 'Songco', 'Victory'],
'Libona': ['Capihan', 'Crossing', 'Gango', 'Kiliog', 'Kinawe', 'Laturan', 'Maambong', 'Nangka', 'Palabucan', 'Poblacion', 'Pongol', 'San Jose', 'Santa Fe', 'Sil-ipon'],
'Malitbog': ['Kalingking', 'Kiabo', 'Mindagat', 'Omagling', 'Patpat', 'Poblacion', 'Sampiano', 'San Luis', 'Siloo', 'Santa Inez', 'Sumalsag'],
'Manolo': ['Agusan Canyon', 'Alae', 'Dahilayan', 'Dalirig', 'Damilag', 'Diclum', 'Guilang-guilang', 
'Kalugmanan', 'Kalugmanan', 'Lindaban', 'Lingion', 'Lunocan', 'Maluko', 'Mambatangan', 
'Mampayag', 'Mantibugao', 'Minsuro', 'San Miguel', 'Sankanan', 'Santiago', 'Santo Niño', 'Tankulan', 'Ticala'],

'Maramag': ['Anahawon', 'Base Camp', 'Bayabason', 'Camp 1', 'Colambugon', 'Dagumba-an', 'Danggawan', 'Dologon', 'Kisanday', 'Kuya', 'La Roxas', 'Panadtalan', 'Panalsalan', 'North Poblacion', 'South Poblacion', 'San Miguel', 'San Roque', 'Tubigon', 'Kiharong', 'Bagongsilang'],



















'Quezon': ['Butong', 'Cebole', 'Delapa', 'Dumalama', 'C-Handumanan', 'Cawayan', 'Kiburiao', 'Kipaypayon', 'Lagua', 'Libertad', 'Linabo', 'Lipa', 'Lumintao', 'Magsaysay', 'Mahayag', 'Manuto', 'Merangeran', 'Mibantang', 'Minongan', 'Minsalirac', 'Minsamongan', 'Paitan', 'Palacapao', 'Pinilayan', 'Poblacion (Kiokong)', 'Puntian', 'Salawagan', 'San Isidro', 'San Jose', 'San Roque', 'Santa Cruz', 'Santa Filomena'],
'San Fernando': ['Bancasi', 'Bongabong', 'Cananga', 'Cogonan', 'Dalagsaan', 'Mabuhay', 'Poblacion', 'Sapong', 'Tigpanaloc', 'Tugbungan'],
'Sumilao': ['Kisolon', 'Culasi', 'Licoan', 'Lupiagan', 'Ocasion', 'Puntian', 'San Roque', 'San Vicente', 'Poblacion', 'Vista Villa'],
'Talakag': ['Basak', 'Baylanan', 'Cacaon', 'Colawingon', 'Cosina', 'Dagumbaan', 'Dagundalahon', 'Dominorog', 'Indulang', 'Lantud', 'Liguron', 'Lingi‑on', 'Lirongan', 'Miarayon', 'Sagaran', 'Salucot', 'San Antonio', 'San Isidro', 'San Miguel', 'San Rafael', 'Tagbak', 'Tikalaan'],

            
            // Add more cities and their corresponding barangays as needed
        };

        // Populate barangay options based on selected municipal
        if (selectedMunicipal in barangaysByMunicipal) {
            var barangays = barangaysByMunicipal[selectedMunicipal];
            for (var i = 0; i < barangays.length; i++) {
                var option = document.createElement('option');
                option.value = barangays[i];
                option.textContent = barangays[i];
                barangaySelect.appendChild(option);
            }
        }
    }
</script>