@extends('backend.layouts.app')

@section('content')
    <div class="content-wrapper">
        {{ \Diglactic\Breadcrumbs\Breadcrumbs::render('backend.case.edit', $case) }}
        <section class="content">
            <div class="row mb30">
                <div class="col-12">
                    <form action="{{route('backend.case.update', $case->id)}}" method="POST">
                        @csrf
                        @method('put')
                        <div class="card">
                            <div class="card-body table-responsive-sm">
                                @include('backend.layouts.partials.alerts.flash-messages')
                                <div class="row">
                                    <div class="col-lg-10">
                                        <div class="form-group">
                                            <label for="answer">User chose:</label>
                                            <input type="text" class="form-control" id="answer"
                                                   value="{{$answer}}" readonly>
                                        </div>
                                    </div>
                                </div>
                                <br>
                                <div class="row">
                                    <div class="col-lg-4">
                                        <div class="form-group">
                                            <label for="court-name">Court Name</label>
                                            <input type="text" name="court_name" class="form-control" id="court-name"
                                                   placeholder="Court Name..."
                                                   value="{{ old('court_name', $case->court_name) }}" readonly>
                                            @include('backend.layouts.partials.alerts.input-error', ['name' => 'court_name'])
                                        </div>
                                    </div>
                                    <div class="col-lg-1 mt-auto">
                                        <div class="form-group">
                                            <a href="" class="btn btn-primary w-100 open-modal">Change</a>
                                        </div>
                                    </div>
                                    <div class="col-lg-5">
                                        <div class="form-group">
                                            <label for="status">Status</label>
                                            <select name="status" class="form-control" id="status" required>
                                                <option selected disabled>Select status</option>
                                                <option value="progress" {{$case->status === 'progress' ? 'selected' : ''}}>In Progress</option>
                                                <option value="applied" {{$case->status === 'applied' ? 'selected' : ''}}>Applied</option>
                                            </select>
                                            @include('backend.layouts.partials.alerts.input-error', ['name' => 'status'])
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-5">
                                        <div class="form-group">
                                            <label for="case-number">Case Number</label>
                                            <input type="text" name="case_number" class="form-control" id="case-number"
                                                   placeholder="Case Number..."
                                                   value="{{ old('case_number', $case->case_number ) }}">
                                            @include('backend.layouts.partials.alerts.input-error', ['name' => 'case_number'])
                                        </div>
                                    </div>
                                    <div class="col-lg-5">
                                        <div class="form-group">
                                            <label for="plaintiffs">Plaintiff</label>
                                            <input type="text" name="plaintiff" class="form-control" id="plaintiffs"
                                                   placeholder="Plaintiff..."
                                                   value="{{ old('plaintiff', $case->plaintiff) }}">
                                            @include('backend.layouts.partials.alerts.input-error', ['name' => 'plaintiff'])
                                        </div>
                                    </div>
                                </div>
                                @if($defendants)
                                    <div class="col-md-12 mt-4">
                                        <h2>Defendants Info</h2>
                                    </div>
                                    <div class="defendants">
                                        @foreach($defendants as $defendant)
                                            <div class="row existing-row" data-id="{{$defendant->id}}" data-number="{{$loop->index}}">
                                                <div class="col-lg-3">
                                                    <div class="form-group">
                                                        <label for="first-name">First Name</label>
                                                        <input type="text" name="defendants[{{$defendant->id}}][first_name]" class="form-control first-name" id="first-name"
                                                               placeholder="First Name..." required
                                                               value="{{ old("defendants.$defendant->id.first_name", $defendant->first_name) }}">
                                                    </div>
                                                </div>
                                                <div class="col-lg-3">
                                                    <div class="form-group">
                                                        <label for="middle-name">Middle Name</label>
                                                        <input type="text" name="defendants[{{$defendant->id}}][middle_name]" class="form-control middle-name" id="middle-name"
                                                               placeholder="Middle Name..." required
                                                               value="{{ old("defendants.$defendant->id.middle_name", $defendant->middle_name) }}">
                                                    </div>
                                                </div>
                                                <div class="col-lg-3">
                                                    <div class="form-group">
                                                        <label for="last-name">Last Name</label>
                                                        <input type="text" name="defendants[{{$defendant->id}}][last_name]" class="form-control last-name" id="last-name"
                                                               placeholder="Last Name..." required
                                                               value="{{ old("defendants.$defendant->id.last_name", $defendant->last_name) }}">
                                                    </div>
                                                </div>
                                                <div class="col-lg-1 mt-auto">
                                                    <div class="form-group">
                                                        <a href="" class="btn btn-danger w-100 delete-row">Delete</a>
                                                    </div>
                                                </div>
                                            </div>
                                        @endforeach
                                    </div>
                                    <div class="col-lg-1">
                                        <div class="form-group">
                                            <a href="" class="btn btn-primary add-new-defendant">+</a>
                                        </div>
                                    </div>
                                @endif
                                @if($attorney)
                                    <div class="col-md-12 mt-4">
                                        <h2>Attorney Info</h2>
                                    </div>
                                    <div class="row">
                                        <div class="col-lg-5">
                                            <div class="form-group">
                                                <label for="first-name">First Name</label>
                                                <input type="text" name="attorney[first_name]" class="form-control" id="first-name"
                                                       placeholder="First Name..."
                                                       value="{{ old('attorney.first_name', $attorney->first_name ) }}">
                                                @include('backend.layouts.partials.alerts.input-error', ['name' => 'attorney.first_name'])
                                            </div>
                                        </div>
                                        <div class="col-lg-5">
                                            <div class="form-group">
                                                <label for="last-name">Last Name</label>
                                                <input type="text" name="attorney[last_name]" class="form-control" id="last-name"
                                                       placeholder="Last Name..."
                                                       value="{{ old('attorney.last_name', $attorney->last_name) }}">
                                                @include('backend.layouts.partials.alerts.input-error', ['name' => 'attorney.last_name'])
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-lg-5">
                                            <div class="form-group">
                                                <label for="firm-name">Firm Name</label>
                                                <input type="text" name="attorney[firm_name]" class="form-control" id="firm-name"
                                                       placeholder="Firm Name..."
                                                       value="{{ old('attorney.firm_name', $attorney->firm_name) }}">
                                                @include('backend.layouts.partials.alerts.input-error', ['name' => 'attorney.firm_name'])
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-lg-5">
                                            <div class="form-group">
                                                <label for="address1">Address</label>
                                                <input type="text" name="attorney[address]" class="form-control" id="address1"
                                                       placeholder="Address..."
                                                       value="{{ old('attorney.address', $attorney->address) }}">
                                                @include('backend.layouts.partials.alerts.input-error', ['name' => 'attorney.address'])
                                            </div>
                                        </div>
                                        <div class="col-lg-5">
                                            <div class="form-group">
                                                <label for="address2">Address 2</label>
                                                <input type="text" name="attorney[address_2]" class="form-control" id="address2"
                                                       placeholder="Address 2..."
                                                       value="{{ old('attorney.address_2', $attorney->address_2) }}">
                                                @include('backend.layouts.partials.alerts.input-error', ['name' => 'attorney.address_2'])
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-lg-5">
                                            <div class="form-group">
                                                <label for="city">City</label>
                                                <input type="text" name="attorney[city]" class="form-control" id="city"
                                                       placeholder="City..."
                                                       value="{{ old('attorney.city', $attorney->city) }}">
                                                @include('backend.layouts.partials.alerts.input-error', ['name' => 'attorney.city'])
                                            </div>
                                        </div>
                                        <div class="col-lg-3">
                                            <div class="form-group">
                                                <label for="state">State</label>
                                                <select name="attorney[state]" id="state" class="form-control" required>
                                                    @foreach(states_list() as $state => $name)
                                                        <option value="{{$state}}" {{$state === $attorney->state ? 'selected' : ''}}>{{$state}}</option>
                                                    @endforeach
                                                </select>
                                                @include('backend.layouts.partials.alerts.input-error', ['name' => 'attorney.state'])
                                            </div>
                                        </div>
                                        <div class="col-lg-2">
                                            <div class="form-group">
                                                <label for="zip">Zip</label>
                                                <input type="text" name="attorney[zip]" class="form-control zip__mask" id="zip"
                                                       placeholder="Zip..."
                                                       value="{{ old('attorney.zip', $attorney->zip) }}">
                                                @include('backend.layouts.partials.alerts.input-error', ['name' => 'attorney.zip'])
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-lg-5">
                                            <div class="form-group">
                                                <label for="phone">Phone</label>
                                                <input type="text" name="attorney[phone]" class="form-control phone-number__mask" id="phone"
                                                       placeholder="Phone..."
                                                       value="{{ old('attorney.phone', $attorney->phone) }}">
                                                @include('backend.layouts.partials.alerts.input-error', ['name' => 'attorney.phone'])
                                            </div>
                                        </div>
                                        <div class="col-lg-5">
                                            <div class="form-group">
                                                <label for="fax">Fax</label>
                                                <input type="text" name="attorney[fax]" class="form-control phone-number__mask" id="fax"
                                                       placeholder="Fax..."
                                                       value="{{ old('attorney.fax', $attorney->fax) }}">
                                                @include('backend.layouts.partials.alerts.input-error', ['name' => 'attorney.fax'])
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-lg-5">
                                            <div class="form-group">
                                                <label for="email">Email</label>
                                                <input type="email" name="attorney[email]" class="form-control" id="email"
                                                       placeholder="Email..."
                                                       value="{{ old('attorney.email', $attorney->email) }}">
                                                @include('backend.layouts.partials.alerts.input-error', ['name' => 'attorney.email'])
                                            </div>
                                        </div>
                                    </div>
                                @endif
                                @if($documents)
                                    <div class="col-md-12 mt-4">
                                        <h2>Signed Documents</h2>
                                    </div>
                                    <div class="col-lg-10">
                                        <table class="table table-bordered table-striped">
                                            <thead>
                                            <tr>
                                                <th>Name</th>
                                                <th>Description</th>
                                                <th>Filing Date</th>
                                                <th>Create Date</th>
                                                <th>Actions</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            @foreach($documents as $document)
                                                <tr>
                                                    <td>{{$document->name}}</td>
                                                    <td>{{$document->description}}</td>
                                                    <td>{{$document->filing_date}}</td>
                                                    <td>{{$document->created_at->format('Y-m-d')}}</td>
                                                    <td>
                                                        <div class="table_actions_btns">
                                                            <a href="{{asset($document->url)}}"
                                                               class="btn btn-block btn-primary link_blank">
                                                                View
                                                            </a>
                                                            <a href="{{route('document.download', $document->id)}}"
                                                               class="btn btn-block btn-secondary">
                                                                Download
                                                            </a>
                                                        </div>
                                                    </td>
                                                </tr>
                                            @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                @endif
                            </div>
                            <div class="card-footer">
                                <button type="submit" class="btn btn-primary">Update</button>
                                <a href="{{route('backend.users.index')}}" class="btn btn-danger">Back</a>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </section>
    </div>
    <label for="modal" class="my-modal-background" id="change-modal-bg"></label>
    <div class="my-modal" id="change-modal">
        <div class="my-modal-header">
            <h3>Change Court</h3>
            <label for="modal" class="close_modal">
                <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAdVBMVEUAAABNTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU0N3NIOAAAAJnRSTlMAAQIDBAUGBwgRFRYZGiEjQ3l7hYaqtLm8vsDFx87a4uvv8fP1+bbY9ZEAAAB8SURBVBhXXY5LFoJAAMOCIP4VBRXEv5j7H9HFDOizu2TRFljedgCQHeocWHVaAWStXnKyl2oVWI+kd1XLvFV1D7Ng3qrWKYMZ+MdEhk3gbhw59KvlH0eTnf2mgiRwvQ7NW6aqNmncukKhnvo/zzlQ2PR/HgsAJkncH6XwAcr0FUY5BVeFAAAAAElFTkSuQmCC" width="16" height="16" alt="">
            </label>
        </div>
        <div class="row pl-2 pt-2 mb-4">
            <div class="col-12" >
                <div class="row">
                    <div class="col-lg-9">
                        <div class="form-group">
                            <label for="name-zip">Zip</label>
                            <input type="text" name="name_zip" class="form-control zip__mask" id="name-zip"
                                   placeholder="Zip...">
                            @include('backend.layouts.partials.alerts.input-error', ['name' => 'name_zip', 'isAjax' => true])
                        </div>
                    </div>
                    <div class="col-lg-3" style="margin-top: 33px">
                        <div class="form-group">
                            <button type="button" class="btn btn-primary w-100 get-courts" data-link="{{route('get.court.zip')}}">Get Courts</button>
                        </div>
                    </div>
                </div>
                <div class="court-info" style="display: none">
                    <div class="row">
                        <div class="col-lg-12">
                            <label for="select-name">Court Name</label>
                            <select name="court_name" id="select-name" class="form-control" required>
                            </select>
                        </div>
                        <div class="col-lg-12">
                            <label for="optional-name" class="fw-400">Optional</label>
                            <input type="text" name="court_name1" class="form-control" id="optional-name"
                                   placeholder="Enter 2nd line of Court Name" readonly>
                        </div>
                        <div class="col-lg-12">
                            <label for="optional-name2" class="fw-400">Optional</label>
                            <input type="text" name="court_name2" class="form-control" id="optional-name2"
                                   placeholder="Enter 3rd line of Court Name" readonly>
                        </div>
                        <div class="col-lg-6">
                            <label for="address_1">1 Address</label>
                            <input type="text" name="court_address" class="form-control" id="address_1"
                                   placeholder="Please enter address..." readonly>
                        </div>
                        <div class="col-lg-6">
                            <label for="address_2" class="fw-400">2 Address</label>
                            <input type="text" name="court_address2" class="form-control" id="address_2"
                                   placeholder="Please enter address..." readonly>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-6">
                            <label for="address_3" class="fw-400">3 Address</label>
                            <input type="text" name="court_address3" class="form-control" id="address_3"
                                   placeholder="Please enter address..." readonly>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-5">
                            <label for="court-city">City</label>
                            <input type="text" name="court_city" class="form-control" id="court-city"
                                   placeholder="City..." readonly>
                        </div>
                        <div class="col-lg-5">
                            <label for="court-state">State</label>
                            <select name="court_state" id="court-state" class="form-control" readonly>
                                @foreach(states_list() as $state => $name)
                                    <option value="{{$state}}">{{$state}}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-lg-2">
                            <label for="court-zip">Zip</label>
                            <input type="text" name="court_zip" class="form-control" id="court-zip"
                                   placeholder="Zip..." readonly>
                        </div>
                    </div>
                    <div class="row mt-4">
                        <div class="col-10"></div>
                        <div class="col-2">
                            <button type="button" class="btn btn-primary w-100 save-new-name">Change</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('js')
    <script>
        let deleteDefendant = '{{route('backend.case.defendant.delete')}}';
    </script>
    <script src="{{asset('assets/backend/js/cases.js')}}"></script>
@endpush