@extends('admin.dashboard')
@section('title', 'Edit Contacts')

@section('content')
    
    <div class="form-group row">
        <div class="col-sm-12">
            @if ($errors->any())
                <div class="alert " style="background-color:#0096FF; color:white">
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif
        </div>
        <div class="col-sm-12">
            @if (session()->has('message'))
                <div class="alert alert-success">
                    {{ session('message') }}
                </div>
            @endif
        </div>
        <div class="col-sm-12">
            @if (session()->has('hasError'))
                <div class="alert alert-danger">
                    {{ session('hasError') }}
                </div>
            @endif
        </div>
    </div>

    <div class="container-fluid">
        <div class="fade-in">
            <div class="row">
                <div class="col-xl-8 mx-auto">
                    <div class="card">
                        <div class="card-body">
                            <div class="border p-3 rounded">
                                <h6 class="mb-0 text-uppercase text-center"><b>Edit Contacts</b></h6>

                                <hr />
                                <form class="row g-3" action="{{ route('upd', $contact->id) }}" method="post"
                                    enctype="multipart/form-data">
                                    @csrf

                                    <div class="col-12">
                                        <label class="form-label"><span class="required"
                                                style="color: red">*</span> Title</label>
                                        <input type="text" name="title" id="title" class="form-control" maxlength="100"
                                            value="{{ old('title', $contact->title) }}" />
                                    </div>
                                    
                                    <div class="col-12">
                                        <label class="form-label"><span class="required"
                                                style="color: red">*</span> Subject</label>
                                        <input type="text" name="subject" id="subject" class="form-control" maxlength="100"
                                            value="{{ old('subject', $contact->subject) }}" />
                                    </div>

                                    <div class="col-12">
                                        <label class="form-label"><span class="required"
                                                style="color: red">*</span> Mobile No</label>
                                        <input type="text" name="mobile_no" id="mobile_no" class="form-control" maxlength="100"
                                            value="{{ old('mobile_no', $contact->mobile_no) }}" />
                                    </div>

                                 
                                    <div class="col-12">
                                        <label class="form-label"><span class="required"
                                                style="color: red">*</span>Market</label>
                                                <select name="market" class="form-control single-select" required>
                                                 
                                                    @foreach($market as $markets)
                                                    <option value="{{ $markets->id }}" {{ $markets->id == $contact->market ? 'selected' : '' }}>{{ $markets->market }}</option>
                                                @endforeach
                                                </select>
                                    </div>
                                    
                                    <div class="col-12">
                                        <label class="form-label"><span class="required"
                                                style="color: red">*</span> Visitor Type</label>
                                        <input type="text" name="visitor_type" id="visitor_type" class="form-control" maxlength="100"
                                            value="{{ old('visitor_type', $contact->visitor_type) }}" />
                                    </div>
                                   

                                    <div class="col-12">
                                        <label class="form-label"><span class="required"
                                                style="color: red">*</span> Description</label>
                                        <input type="text" name="description" id="description" class="form-control" maxlength="100"
                                            value="{{ old('description', $contact->description) }}" />
                                    </div>
                                   

                                    <div class="col-12">

                                        <Button class=" btn btn-lg btn-block"
                                            style="background-color:#0096FF; color:white">Submit</Button>

                                    </div>

                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('javascript')

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-/bQdsTh/da6pkI1MST/rWKFNjaCP5gBSY4sEBT38Q/9RBh9AH40zEOg7Hlq2THRZ" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<script>
    
    </script>

@endsection