@extends('admin.layouts.master')
@section('content')
@if ($errors->any())
    <div class="alert alert-danger">
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif
<div class="card bg-body-white hoverable card-xl-stretch mb-xl-8">	
	<div class="card card-custom">
        <div class="card-header">
            <h3 class="card-title">
                Section Details
            </h3>
            <div class="card-toolbar">
                <div class="example-tools justify-center">
                    <span class="example-toggle" data-toggle="tooltip" title="View code"></span>
                    <span class="example-copy" data-toggle="tooltip" title="Copy code"></span>
                </div>
            </div>
        </div>
	    <!--begin::Form-->
        <form action="{{ isset($section) ? route('admin.sections.update', $section->id) : route('admin.sections.store') }}"
        method="POST" enctype="multipart/form-data" class="form">
            @csrf
            @if(isset($section))
                @method('PUT')
            @endif

            @php
                $selectedPageId = old('page_id', $section->page_id ?? '');
            @endphp
            <input type="hidden" name="country_id" class="putCountryId">
            <div class="card-body">
                <div class="form-group">
                         <label class="required" for="name">Name</label>
                         <input type="text" id="name" name="name" class="form-control form-control-solid" value="{{ old('name', $section->name ?? '') }}" required>
                </div>
                <div class="form-group">
                    <label class="required" for="page_id">Page</label>
                     <select id="page_id" name="page_id" class="form-control" required>
                        @foreach ($pages as $page)
                            <option value="{{ $page->id }}" 
                                    {{ $selectedPageId  == $page->id ? 'selected' : '' }}>
                                {{ $page->title }}
                            </option>
                        @endforeach
                    </select>
                </div>
            </div>
            <div class="card-footer">
                <button type="submit" class="btn btn-primary mr-2">{{ isset($section) ? 'Update' : 'Save' }}</button>
                <a href="{{ route('admin.sections.index') }}" class="btn btn-secondary">Cancel</a>
            </div>
        </form>
	    <!--end::Form-->
    </div>
</div>
@endsection