@extends('layouts.main')

@section('content')
    <div class="content-wrapper">
        <!-- Content -->
        <div class="container-xxl flex-grow-1 container-p-y">
            <div class="d-flex justify-content-between">
                @include('include.breadcrumb', ['breadcrumbs' => $breadcrumbs])
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="my-5">
                        <div class="col-xxl">
                            <div class="card mb-4">
                                <div class="card-header">
                                    <h5 class="mb-0">Enter Details</h5>
                                </div>
                                <div class="card-body">
                                    <form action="{{ route('admin.technicians.update') }}" method="POST">
                                        @csrf
                                        <input type="hidden" name="id" value="{{ $technician->id }}">
                                        <div class="row mb-3">
                                            <label class="col-sm-2 col-form-label" for="tech_code">Tech Code</label>
                                            <div class="col-sm-10">
                                                <input type="text" name="tech_code" class="form-control" id="tech_code"
                                                    placeholder="Enter Tech Code"
                                                    value="{{ old('tech_code', $technician->tech_code) }}" />
                                                @error('tech_code')
                                                    <p class="text-danger">{{ $message }}</p>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="row mb-3">
                                            <label class="col-sm-2 col-form-label" for="first_name">First Name</label>
                                            <div class="col-sm-10">
                                                <input type="text" name="first_name" class="form-control" id="first_name"
                                                    placeholder="Enter First Name"
                                                    value="{{ old('first_name', $technician->first_name) }}" />
                                                @error('first_name')
                                                    <p class="text-danger">{{ $message }}</p>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="row mb-3">
                                            <label class="col-sm-2 col-form-label" for="last_name">Last Name</label>
                                            <div class="col-sm-10">
                                                <input type="text" name="last_name" class="form-control" id="last_name"
                                                    placeholder="Enter Last Name"
                                                    value="{{ old('last_name', $technician->last_name) }}" />
                                                @error('last_name')
                                                    <p class="text-danger">{{ $message }}</p>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="row mb-3">
                                            <label class="col-sm-2 col-form-label" for="full_name">Full Name</label>
                                            <div class="col-sm-10">
                                                <input type="text" name="full_name" class="form-control" id="full_name"
                                                    placeholder="Enter Full Name"
                                                    value="{{ old('full_name', $technician->full_name) }}" />
                                                @error('full_name')
                                                    <p class="text-danger">{{ $message }}</p>
                                                @enderror
                                            </div>
                                        </div>

                                        <div class="row mb-3">
                                            <label class="col-sm-2 col-form-label" for="zone_id">Zone</label>
                                            <div class="col-sm-10">
                                                <select name="zone_id" class="form-control" id="zone_id"
                                                    onchange="get_repair_center_trades(this.value)">
                                                    <option value="">Select Zone</option>
                                                    @foreach ($zones as $zone)
                                                        <option value="{{ $zone->id }}"
                                                            @if ($zone->id == $technician->zone_id) selected @endif>
                                                            {{ $zone->code }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                                @error('zone_id')
                                                    <p class="text-danger">{{ $message }}</p>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="row mb-3">
                                            <label class="col-sm-2 col-form-label" for="trade_id">Trade</label>
                                            <div class="col-sm-10">
                                                <select name="trade_id" class="form-control" id="trade_id">
                                                    <option value="">Select Trade</option>
                                                    @foreach ($trades as $trade)
                                                        <option value="{{ $trade->id }}"
                                                            {{ $trade->id == old('trade_id', $technician->trade_id) ? 'selected' : '' }}>
                                                            {{ $trade->name }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                                @error('trade_id')
                                                    <p class="text-danger">{{ $message }}</p>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="row mb-3">
                                            <label class="col-sm-2 col-form-label" for="repair_center_id">Repair
                                                Center</label>
                                            <div class="col-sm-10">
                                                <select name="repair_center_id" class="form-control" id="repair_center_id">
                                                    <option value="">Select Repair Center</option>
                                                    @foreach ($repairCenters as $rc)
                                                        <option value="{{ $rc->id }}"
                                                            {{ $rc->id == old('repair_center_id', $technician->repair_center_id) ? 'selected' : '' }}>
                                                            {{ $rc->name }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                                @error('repair_center_id')
                                                    <p class="text-danger">{{ $message }}</p>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="row mb-3">
                                            <label class="col-sm-2 col-form-label" for="title">Title</label>
                                            <div class="col-sm-10">
                                                <input type="text" name="title" class="form-control" id="title"
                                                    placeholder="Enter Title"
                                                    value="{{ old('title', $technician->title) }}" />
                                                @error('title')
                                                    <p class="text-danger">{{ $message }}</p>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="row mb-3">
                                            <label class="col-sm-2 col-form-label" for="phone">Phone</label>
                                            <div class="col-sm-10">
                                                <input type="tel" name="phone" class="form-control" id="phone"
                                                    placeholder="Enter Phone"
                                                    value="{{ old('phone', $technician->phone) }}" />
                                                @error('phone')
                                                    <p class="text-danger">{{ $message }}</p>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="row mb-3">
                                            <label class="col-sm-2 col-form-label" for="email">Email</label>
                                            <div class="col-sm-10">
                                                <input type="email" name="email" class="form-control" id="email"
                                                    placeholder="Enter Email"
                                                    value="{{ old('email', $technician->email) }}" />
                                                @error('email')
                                                    <p class="text-danger">{{ $message }}</p>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="row mb-3">
                                            <label class="col-sm-2 col-form-label" for="status">Status</label>
                                            <div class="col-sm-10">
                                                <select name="status" class="form-control" id="status">
                                                    <option value="1"
                                                        {{ old('status', $technician->status) == 1 ? 'selected' : '' }}>
                                                        Active</option>
                                                    <option value="0"
                                                        {{ old('status', $technician->status) == 0 ? 'selected' : '' }}>
                                                        Inactive</option>
                                                </select>
                                                @error('status')
                                                    <p class="text-danger">{{ $message }}</p>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="row mb-3">
                                            <label class="col-sm-2 col-form-label" for="is_admin">Is Admin</label>
                                            <div class="col-sm-10">
                                                <select name="is_admin" class="form-control" id="is_admin">
                                                    <option value="1"
                                                        {{ old('is_admin', $technician->is_admin) == 1 ? 'selected' : '' }}>
                                                        Yes</option>
                                                    <option value="0"
                                                        {{ old('is_admin', $technician->is_admin) == 0 ? 'selected' : '' }}>
                                                        No</option>
                                                </select>
                                                @error('is_admin')
                                                    <p class="text-danger">{{ $message }}</p>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="row  ">
                                            <div class="col-sm-10">
                                                <button type="submit" class="btn btn-primary">Update</button>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- / Content -->
        <div class="content-backdrop fade"></div>
    </div>
@endsection