@extends('layouts.main')

@section('content')
    <h1>{{$title}}</h1>
    <hr>
    <form action="{{route('customer.update',$customer->id)}}" method="POST">
        @csrf 
        {{method_field('PATCH')}}                         
        <div class="row">
            <div class="col-md-6">
                <label>Name</label>
                <input type="text" value="{{$customer->name}}" name="name" class="form-control">                         

                <label>Phone number</label>
                <input type="text" value="{{$customer->phone_number}}" name="phone_number" class="form-control">

                <label>Address</label>
                <input type="text" name="address" value="{{$customer->address}}" class="form-control">
                
                <label>Customer type</label>
                <select name="customer_type" id="customer_type" class="form-control">
                    @foreach($customer_types as $customer_type)
                        <option value="{{ $customer_type }}" {{ $customer->customer_type==$customer_type ? "selected":"" }} >{{ $customer_type }}</option>
                    @endforeach
                </select>
            </div>

            <div class="col-md-6">
                <label>Car model</label>
                <input type="text" name="car_model" value="{{$customer->car_model}}" class="form-control">

                <label>Number Plate</label>
                <input type="text" name="number_plate" value="{{$customer->number_plate}}" class="form-control">

                <label>Gender</label>
                <select name="gender" id="gender" class="form-control">
                    @foreach($genders as $gender)
                        <option value="{{ $gender }}" {{ $customer->gender==$gender ? "selected":"" }} >{{ $gender }}</option>
                    @endforeach
                </select>
                <br>
                <button class="btn btn-dark" id="saveBtn" type="submit">Save changes</button>
                <br>
            </div>                      
        </div>
    </form>
             
@endsection